Mapas de calor

Los mapas de calor te muestran dónde hacen clic los visitantes, dónde se detiene el cursor y hasta qué punto bajan por tus páginas. Los datos se recopilan en todas las páginas donde se ejecuta el widget, así que no hay nada que configurar por adelantado — cuando quieres un mapa, ya está disponible.

No tienes que crear nada

A diferencia de las herramientas de mapas de calor antiguas, no tienes que crear un mapa para una página y esperar a que se llene. La recopilación comienza en cuanto se instala el widget, en todo tu sitio. Abre Heatmaps en el panel y verás cada página que tiene datos, con recuentos de clics, movimientos y vistas.

Los mapas de calor están disponibles en el plan Unlimited y se pueden desactivar por proyecto en Settings › Widget › Heatmaps.

Encontrar una página

• Filtrar por página — escribe cualquier parte de una ruta, p. ej. pric, para reducir la lista
• Ordenar cualquier columna — por clics, movimientos, vistas o última actividad
• Elegir un periodo — los últimos 7, 30 o 90 días

  Haz clic en una página para abrir su mapa. Las páginas se agrupan por ruta, así que \/pricing, \/pricing\/ y \/pricing?utm_source=x son el mismo mapa.

  Los tres tipos de mapa

  • Clics — exactamente dónde la gente hizo clic o tocó. Las zonas calientes son rojas, las áreas más frías azules
  • Movimientos — dónde se movió y se detuvo el cursor. Un buen indicador de hacia dónde va la atención en escritorio, ya que la gente a menudo pasa el cursor sobre lo que está leyendo
  • Desplazamiento — hasta qué punto bajaron los visitantes en la página, mostrado como franjas con el porcentaje que alcanzó cada profundidad. El punto en el que el color cae es tu pliegue en la práctica

    Los mapas de movimientos son solo de escritorio: los dispositivos táctiles no tienen cursor para seguir, por lo que los mapas móviles muestran clics y profundidad de desplazamiento.

    El dispositivo importa

    Los mapas de escritorio, tablet y móvil se mantienen separados, porque la misma página puede tener un diseño completamente diferente en cada uno. Cámbialos con las pestañas de dispositivo — un botón que está por encima del pliegue en escritorio suele quedar tres desplazamientos más abajo en un teléfono, y el mapa de desplazamiento te lo mostrará de inmediato.

    La página detrás del mapa

    El fondo no es una captura de pantalla — es tu página real, reconstruida a partir de una grabación de sesión que empezó en ella. Eso significa que el calor cae sobre botones reales y texto real, y se mantiene nítido a cualquier tamaño.

    Si ves un fondo de marcador en lugar de tu página, significa que aún no ha empezado ninguna grabación terminada en esa página para ese dispositivo. Activa Session Recording para el proyecto y la siguiente visita grabada que comience en la página se convertirá en el fondo.

    Elementos con más clics

    Junto al mapa, una lista ordenada muestra qué elementos reciben más clics, identificados por su etiqueta y clase en lugar de por su posición. Al estar basada en elementos, la clasificación sigue siendo significativa incluso cuando tu diseño cambia entre tamaños de pantalla — y detecta clics en cosas que no son clicables, lo que suele ser el hallazgo más interesante.

    Privacidad

    Los mapas de calor son deliberadamente anónimos:

    • Solo se recopilan coordenadas, profundidad de desplazamiento y nombres de elementos — no contenido de página ni pulsaciones de teclado
    • Los puntos no se asocian con la identidad o el perfil de un visitante
    • Los nombres de elementos se depuran antes de almacenarse, por lo que ids y clases que contienen cosas como números de cuenta o correos electrónicos nunca nos llegan
    • Los datos se eliminan automáticamente una vez que vence su periodo de retención

      Cómo interpretar bien un mapa de calor

      • Dale volumen. Un puñado de visitas no te dice nada. Espera a tener unos cientos de vistas en una página antes de sacar conclusiones
      • Compara dispositivos antes de rediseñar nada — a menudo el problema existe solo en uno
      • Observa clics en elementos no clicables. Los clics repetidos en una imagen o un encabezado suelen indicar que la gente espera que hagan algo
      • Usa el mapa de desplazamiento para colocar tu CTA, y luego confirma el cambio con un A\/B experiment en lugar de asumir que ayudó