Analytics
Microsoft Clarity
Mapas de calor y grabaciones de sesión gratuitos para sitios web.
Herramienta de comportamiento que registra sesiones, genera heatmaps, detecta patrones de interacción y se integra con otras analíticas.
Ir al sitio oficialFicha abierta
Para qué sirve y cómo encaja
Herramienta de comportamiento que registra sesiones, genera heatmaps, detecta patrones de interacción y se integra con otras analíticas.
Útil para investigar fricción de UX, validar layouts y encontrar errores que las métricas agregadas no explican.
No debe instalarse sin revisar consentimiento, privacidad, enmascarado de datos y efecto del script en el sitio.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.
npm install @microsoft/clarityimport Clarity from "@microsoft/clarity";
Clarity.init(import.meta.env.PUBLIC_CLARITY_ID);Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Microsoft Clarity en este proyecto (contexto: HTML propio). Documentación oficial: https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-setup. Comando verificado: `npm install @microsoft/clarity`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Gratis
Microsoft lo ofrece sin coste ni límite de tráfico, incluidos mapas de calor y repeticiones de sesión.
Funcionalidades
Qué puedes hacer con ella
- 01
Session recordings
Reproduce navegación, clics, scroll y cambios visibles de la sesión.
- 02
Heatmaps
Agrega clics, desplazamiento y áreas de atención por página.
- 03
Filtros e insights
Segmenta sesiones y señala patrones como rage clicks o dead clicks.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Útil para investigar fricción de UX, validar layouts y encontrar errores que las métricas agregadas no explican.
Mejor otra opción si…
No debe instalarse sin revisar consentimiento, privacidad, enmascarado de datos y efecto del script en el sitio.