Mapas de Calor
Función ProVisualiza dónde hacen clic los usuarios, qué tan lejos desplazan la página y qué áreas de tus páginas reciben más atención. Los mapas de calor agregan miles de interacciones en superposiciones visuales fáciles de entender.
Los mapas de calor están disponibles en los planes Pro, Scale y Enterprise. Actualiza tu plan para habilitar esta función.
Descripción General
Los mapas de calor agregan interacciones individuales del usuario en superposiciones visuales. En lugar de ver sesiones individuales, observa patrones en todos los visitantes para identificar problemas de UX y oportunidades de optimización.
Tipos de Mapas de Calor
| Tipo | Qué Muestra | Mejor Para |
|---|---|---|
| Mapa de Calor de Clics | Dónde hacen clic los usuarios | Ubicación de botones, optimización de CTA |
| Mapa de Calor de Desplazamiento | Qué tan lejos desplazan los usuarios | Ubicación de contenido, optimización del pliegue |
| Mapa de Calor de Movimiento | Patrones de movimiento del ratón | Atención del usuario, patrones de lectura |
Habilitar Mapas de Calor
- Abre Dominios, haz clic en tu sitio, luego ve a la configuración del dominio y selecciona la pestaña Avanzado
- En Banderas de Función, activa Mapas de Calor
- Guarda los cambios
La recopilación de datos del mapa de calor comienza inmediatamente para los nuevos visitantes.
Los mapas de calor requieren datos suficientes para ser significativos. Recomendamos al menos 100 sesiones por página antes de sacar conclusiones.
Mapas de Calor de Clics
Comprender Patrones de Clics
Los mapas de calor de clics muestran dónde hacen clic o pulsan los usuarios:
- Puntos calientes (rojo): Alta concentración de clics
- Puntos tibios (amarillo/naranja): Actividad de clics moderada
- Puntos fríos (azul/verde): Baja actividad de clics
Información Común
- Clics muertos: Usuarios haciendo clic en elementos no interactivos (indica confusión)
- Clics de rabia: Múltiples clics rápidos (indica frustración)
- CTA perdidas: Botones importantes que reciben pocos clics
- Puntos calientes inesperados: Usuarios haciendo clic en elementos decorativos
Filtrar Clics
Filtra por:
- Tipo de dispositivo (escritorio, móvil, tableta)
- Rango de fechas
- Fuente de tráfico
- País
Mapas de Calor de Desplazamiento
Comprender la Profundidad de Desplazamiento
Los mapas de calor de desplazamiento muestran qué tan lejos desplazan los usuarios la página:
- 100% (superior): Todos los visitantes ven esta área
- 80-100%: Zona de alta visibilidad
- 50-80%: Arriba del pliegue para la mayoría
- < 50%: Debajo del pliegue, atención decreciente
Métricas Clave
| Métrica | Descripción |
|---|---|
| Profundidad de desplazamiento promedio | Qué tan lejos desplaza el visitante promedio |
| Línea de pliegue | Dónde termina "arriba del pliegue" para la mayoría de los usuarios |
| Puntos de abandono | Dónde los usuarios dejan de desplazarse |
Consejos de Optimización
- Coloca CTA arriba del pliegue: Asegúrate de que las acciones principales sean visibles inmediatamente
- Agrega señales visuales: Flechas o gradientes que indiquen más contenido abajo
- Divide el contenido largo: Usa encabezados, imágenes y espacios en blanco
- Prueba la longitud de la página: A veces las páginas más cortas convierten mejor
Ver Mapas de Calor
Panel de Mapas de Calor
Abre Dominios, haz clic en tu sitio, luego selecciona la pestaña Mapas de Calor:
- Selecciona una página de la lista
- Elige el tipo de mapa de calor (Clics, Desplazamiento, Movimiento)
- Establece el rango de fechas y filtros
- Ve la superposición en una captura de pantalla de tu página
Capturar Pantallas
Zenovay captura automáticamente capturas de pantalla de la página para la visualización de mapas de calor. Las capturas de pantalla se actualizan:
- Cuando el contenido de la página cambia significativamente
- Semanalmente para páginas activas
- A demanda a través del panel
Las capturas de pantalla pueden no reflejar contenido dinámico o páginas personalizadas. Usa el botón "Actualizar Captura de Pantalla" para capturar el estado actual.
Comparar Dispositivos
Los usuarios de escritorio y móvil se comportan de manera diferente. Siempre compara mapas de calor entre dispositivos:
Escritorio vs Móvil
| Comportamiento | Escritorio | Móvil |
|---|---|---|
| Profundidad de desplazamiento | Típicamente más profundo | Sesiones más cortas |
| Objetivos de clic | Clics precisos | Se necesitan objetivos de toque más grandes |
| Ventana gráfica | Ancho, horizontal | Estrecho, vertical |
| Navegación | Estados de desplazamiento visibles | Solo interacción por toque |
Consideraciones de Privacidad
Los mapas de calor agregan datos anónimos:
- No se captura información personal
- Los usuarios individuales no son identificables
- Solo se muestran patrones agregados
- Respeta la configuración DNT
Acceso a API
Accede a los datos del mapa de calor de manera programática:
GET /api/websites/:websiteId/heatmaps/:pageUrl
Authorization: Bearer YOUR_API_KEY
La respuesta incluye coordenadas de clics, datos de profundidad de desplazamiento y conteos de sesiones.
Mejores Prácticas
- Espera a tener datos suficientes: Mínimo 100+ sesiones para patrones confiables
- Compara dispositivos: Móvil y escritorio a menudo difieren significativamente
- Verifica múltiples páginas: No solo la página de inicio
- Correlaciona con análisis: Usa datos cuantitativos para priorizar qué páginas analizar
- Prueba cambios: Crea pruebas A/B basadas en información de mapas de calor
Próximos Pasos
- Reproducción de Sesiones - Ve sesiones de usuarios individuales
- Seguimiento de Errores - Captura errores de JavaScript
- Eventos Personalizados - Rastrea interacciones específicas