Mapa de clics
Dónde toca y hace clic la gente. Revela qué botones funcionan y qué elementos parecen clicables pero no lo son.
Analítica de comportamiento
Un mapa de calor para la web, con Microsoft Clarity
Deja de adivinar cómo usan la web nuestros visitantes. Clarity muestra dónde hacen clic, hasta dónde bajan y en qué se traban — gratis, sin límite de sesiones y con grabaciones incluidas.
$0
Costo mensual
Plan gratuito, sin límite de tráfico
∞
Sesiones y grabaciones
Ilimitadas cada mes
3
Tipos de mapa de calor
Clic · Scroll · Movimiento
GDPR
Cumple privacidad
Anonimiza datos sensibles
Tres formas de ver lo invisible
Un mapa de calor pinta el comportamiento real de miles de visitas en una sola imagen. Lo cálido (naranja) es donde se concentra la actividad.
Mapa de scroll
Hasta dónde baja cada visitante. Muestra qué contenido se ve y cuál queda por debajo del punto de abandono.
Mapa de movimiento
El recorrido del cursor, que suele seguir a la mirada. Indica qué zonas atraen la atención antes del clic.
Mapa de scroll
¿Hasta dónde llega la gente?
De cada 100 personas que abren la página, solo una parte llega al final. Si el CTA vive abajo del todo, casi nadie lo ve. Con estos datos movemos lo importante hacia arriba.
Insight: solo 1 de cada 4 visitantes llega al CTA final. Conviene repetir el botón de demo antes de la sección de precios.
- Hero / titular 100%
- Beneficios 88%
- Módulos del producto 71%
- Precios 58%
- Testimonios 44%
- Preguntas frecuentes 33%
- CTA final / footer 26%
Mapa de clics
Qué se clica de verdad
El ranking de clics por elemento nos dice qué llama la atención y qué pasa desapercibido. Lo más clicado, en naranja.
- CTA "Solicita un Demo" 1.840
- Menú → Precios 1.320
- Botón WhatsApp 990
- Logo (volver al inicio) 610
- Enlace Soporte 430
- Redes del footer 180
Detección automática
Clarity encuentra la frustración por ti
No hace falta revisar cada grabación: Clarity marca solo las sesiones donde algo salió mal. Estas son las señales que vigila.
4,2 %
Rage clicks
Clics repetidos y rápidos en el mismo punto: algo parece un botón pero no responde.
6,8 %
Dead clics
Clics en elementos que no hacen nada. Expectativas del usuario que la página no cumple.
3,1 %
Scroll frustrado
Sube y baja buscando algo que no encuentra. Señal de contenido mal ubicado.
12 %
Quick backs
Entra y sale de inmediato. La página no coincidió con lo que esperaba.
Dispositivos
¿Desde dónde nos visitan?
- Móvil 58%
- Desktop 36%
- Tablet 6%
Grabaciones de sesión
Ve la navegación real, como una película
Además del mapa de calor, Clarity graba sesiones anónimas: reproduces exactamente cómo se movió una persona por la web, dónde dudó y dónde se fue. Los datos agregados dicen qué pasa; las grabaciones dicen por qué.
- Filtra por sesiones con rage clics o errores de JavaScript.
- Salta directo a los momentos de fricción, sin ver todo el video.
- Combínalo con el mapa de calor para confirmar hipótesis.
Valor para el negocio
Qué ganamos con todo esto
Cada gráfica anterior se traduce en una decisión concreta para vender más y perder menos visitantes.
Más demos solicitados
Al ver dónde se hace clic y dónde no, ajustamos posición, texto y color del CTA principal para subir la conversión.
Contenido que sí se ve
El mapa de scroll nos dice qué queda enterrado. Subimos lo importante por encima del punto de abandono.
Menos fricción
Rage y dead clics apuntan a botones rotos o confusos. Los arreglamos antes de perder al visitante.
Primero móvil
Si la mayoría entra por móvil, priorizamos ahí el diseño y la velocidad, con datos y no por intuición.
Próximos pasos
Cómo lo activamos
Poner Clarity en marcha toma minutos y no afecta la velocidad del sitio. Estos son los pasos:
- 1 Crear un proyecto gratuito en clarity.microsoft.com con la cuenta de Claus.
- 2 Copiar el Project ID que Clarity genera para el sitio.
- 3 Añadir el script de Clarity en Layout.astro (se puede cargar solo en producción, no en localhost).
- 4 Publicar y esperar unos días a que se acumule tráfico real.
- 5 Leer heatmaps, grabaciones y señales de fricción, y priorizar mejoras con esos datos.
Los números de esta presentación son ejemplos para ilustrar el tipo de hallazgos que entrega Clarity; los datos reales aparecerán una vez instalado y con tráfico.