¿Alguna herramienta de mapa de calor funciona correctamente para elementos cargados dinámicamente?

Como mencionó Andy Jiang, hay muchas herramientas disponibles, pero no muchas pueden manejar elementos cargados dinámicamente y / o no está claro cómo agregan esos elementos dinámicos.

Descargo de responsabilidad: trabajo en FullStory.

TL; DR: FullStory no tiene mapas de calor: los mapas de calor web tienen problemas importantes (incluido el manejo de elementos cargados dinámicamente). FullStory tiene Click Maps, que funcionan con elementos cargados dinámicamente (y con configuración cero).

En FullStory, dado que muchas personas han preguntado por ellos, hemos pensado detenidamente en los mapas de calor. Después de mucha investigación, concluimos que había (al menos) cuatro problemas principales con los mapas de calor que impiden que los mapas de calor sean realmente útiles para nuestros clientes, dos de los cuales son elementos de diseño receptivo y elementos dinámicos.

Considere el siguiente GIF que creamos basado en un mapa de calor de una herramienta popular. Presta atención a cómo cambia el fondo en la superposición de mapa de calor. ¿Confuso?

Tenga en cuenta en el GIF anterior que la superposición de mapa de calor que se creó realmente se mueve cuando se desplaza la página. Además, la barra lateral izquierda que ves es dinámica. ¿Cómo le da sentido a este tipo de resultado?

Tratar con elementos cargados dinámicamente y un diseño receptivo (así como variaciones en el hardware y las ventanas del navegador, etc.) requiere un montón de suposiciones, cuyo efecto neto es que lo que obtienes hasta un análisis final (la mancha real) visualización de mapa de calor) es de valor cuestionable y aplicabilidad. Si bien los mapas de calor se ven realmente geniales, si no puede tomar medidas sobre ellos, ¿cuál es el punto [1]?

Escribimos extensamente sobre los problemas de los mapas de calor de la web, pero también sobre por qué creamos Click Maps, que tratan con elementos cargados dinámicamente y erran del lado de la máxima claridad en lugar de suposiciones (y visualizaciones con manchas). Además, no requieren ninguna configuración adicional para que funcionen. Así que échale un vistazo y mira lo que piensas.

Si tiene curiosidad acerca de cómo puede usar Click Maps para el análisis, puede consultar este artículo, aunque solo rasca la superficie. Finalmente, consulte el artículo de CXL sobre mapas de calor si desea una perspectiva externa con respecto a los mapas de calor.

Notas al pie

[1] Analytics Theater vs. Insights accionables

VWO Heatmaps es una herramienta que funciona a la perfección para elementos cargados dinámicamente (como ventanas emergentes, menús desplegables, etc.).

VWO Heatmaps registra datos de visitantes sobre el estado en vivo de su sitio web. Por lo tanto, puede ver fácilmente el comportamiento en elementos como cuadros modales, páginas detrás de inicios de sesión e incluso URL dinámicas.

También puede usar VWO para comparar diferentes elementos mediante el uso de listas de elementos. Le permite ver las actividades asociadas con cada elemento en su sitio web, incluidos enlaces, encabezados, elementos de lista, div y elementos ocultos, como elementos dentro de un menú desplegable, etc., en forma de tabla.

VWO Heatmaps es una de las herramientas de mapa de calor más completas disponibles. Le permite profundizar hasta el último detalle sobre cómo los visitantes navegan por su sitio web, qué les llama la atención y qué elementos los distraen, permitiéndole comprender realmente el comportamiento de sus visitantes.

Los mapas de calor son solo una de las herramientas poderosas en una capacidad de análisis de comportamiento visual más avanzada dentro de VWO llamada VWO Analyze, que le permite realizar investigaciones cualitativas sobre el comportamiento de los visitantes de su sitio web mediante el uso de herramientas como mapas de calor, registros de visitantes, análisis de formularios y en la página Encuestas.

Espero que esto ayude. ¡Buena suerte!

(Descargo de responsabilidad: trabajo en VWO: la plataforma líder mundial de pruebas y optimización de conversión A / B).

Hola,

En el ámbito de la analítica web, hay toneladas de herramientas, muchas de ellas funcionan para elementos cargados dinámicamente. Muchas de esas herramientas también tienen grabación de sesión de usuario, lo que significa que podrá ver lo que los usuarios están haciendo en su sitio:

  • Historia completa
  • Clicktale
  • Huevo loco
  • Inspectlet
  • Lucky Orange
  • Mouseflow

Para obtener más información sobre qué herramientas (no solo se limitan al mapeo de calor) para consultar, aquí hay una gran guía que también incluye el enfoque para seleccionar herramientas (saber cuándo y cómo hacerlo).

Si está buscando echar un vistazo a algunas de estas herramientas, Segment puede ayudarlo. En lugar de usar el código de implementación nativo de estas herramientas, simplemente agregue Segmento en su sitio. Luego diríjase al panel de integración de Segment y habilite las herramientas al proporcionar sus credenciales.


Descargo de responsabilidad: trabajo en Segment. ¡Y estamos contratando!

¡Sí! Zarget [Software de optimización de la tasa de conversión para sitios web] ahora está disponible con todas las funciones necesarias para optimizar un sitio web. Especialmente, está diseñado para los sitios web que tienen elementos dinámicos como banners deslizantes, imágenes cambiantes, menús desplegables, etc. También tiene un editor visual eficiente para que pueda crear variaciones por su cuenta haciendo los cambios deseados sin buscar ayuda del desarrollador de su sitio web. Finalmente, puede apuntar a la audiencia y descubrir qué variación tiene más conversión. Es una herramienta de optimización de sitios web todo en uno. Intenta usarlo.

Puede hacer una imagen de mapa de calor para cada paso (digamos para cada hora del día) y luego reproducir las imágenes en orden. Hay un reproductor de código abierto FFmpeg que reproducirá las imágenes en orden creciente como en las siguientes imágenes:

De esta manera tendrás un mapa dinámico.

Puede probar Hotjar, tienen una solución de mapa de calor decente.

En caso de que esté buscando un mapa de calor para rastrear el diseño interactivo / dinámico de elementos móviles en su sitio web. Entonces prueba Zarget. El nuevo chico de la cuadra.

Puede probar Engtics – Compromiso y análisis en un solo lugar. Estamos proporcionando mapas de calor para sitios web dinámicos en tiempo real. De aquí en adelante no necesita esperar mapas de calor, solo visualice en tiempo real.

Actualmente utilizamos anuncios Hotjar, estamos muy contentos con él, tenemos mucho contenido dinámico, generado por NG1.0 y ReactJS, y lo maneja bastante bien.

Antes (hace aproximadamente 2 años) probamos Clicktale, CrazyEgg y Mouseflow, pero ninguno de ellos (al menos en ese momento) podía administrar nuestro contenido dinámico.

Clicktale es la única solución de mapeo térmico que conozco que puede rastrear elementos cargados dinámicamente. Requiere algunas secuencias de comandos adicionales en el sitio para obtener ese nivel de seguimiento, pero en mi experiencia, su atención al cliente siempre ha sido útil para proporcionar documentación sobre cómo hacerlo.

Inspectlet hace esto cuando está viendo sesiones de usuario, pero no está seguro en el contexto de su mapeo de calor.