optimizacion-conversion

Microsoft Clarity: qué es y cómo usarlo en CRO

Adrià Vidal6 min de lectura
Microsoft Clarityheatmapssession recordingCROanalítica web

Qué es Microsoft Clarity

Microsoft Clarity es una herramienta gratuita de análisis de comportamiento de usuarios desarrollada por Microsoft. A diferencia de Google Analytics, que se centra en métricas cuantitativas (visitas, conversiones, tasas), Clarity te muestra el cómo: qué hacen realmente los usuarios en tu web, dónde hacen clic, hasta dónde hacen scroll y dónde se frustran.

La combinación de heatmaps, grabaciones de sesión y métricas de comportamiento la convierte en un complemento ideal para cualquier stack de analítica. Y al ser completamente gratuita —sin límites de tráfico ni muestreo—, elimina la barrera de entrada que tienen herramientas como Hotjar o Contentsquare.

Por qué Clarity es relevante para CRO

La optimización de la conversión necesita datos cualitativos tanto como cuantitativos. Google Analytics te dice qué está pasando; Clarity te muestra por qué. Si una landing tiene un 70% de rebote, GA4 te da el número, pero Clarity te enseña que los usuarios hacen clic repetidamente en un elemento que no es clicable (rage click) o que abandonan justo antes del formulario.

Tres métricas exclusivas de Clarity que impactan directamente en CRO:

  • Dead clicks: clics en elementos que no responden. Señalan expectativas rotas del usuario.
  • Rage clicks: múltiples clics rápidos en la misma zona. Indican frustración activa.
  • Excessive scrolling: scroll rápido sin detenerse. Sugiere que el contenido no conecta.

Cómo instalar Microsoft Clarity

Paso 1: Crear proyecto

Accede a clarity.microsoft.com, inicia sesión con tu cuenta de Microsoft y crea un nuevo proyecto introduciendo la URL de tu web.

Paso 2: Añadir el script

Clarity genera un snippet JavaScript que puedes instalar de tres formas:

  • Directamente en el HTML: pega el script antes del cierre de </head>.
  • Via Google Tag Manager: crea una etiqueta HTML personalizada con el snippet.
  • Integración nativa: Clarity se integra directamente con Shopify, WordPress y Wix.

Paso 3: Configurar filtros

Una vez instalado, configura filtros para excluir tráfico interno (IPs de tu equipo) y bots. Esto garantiza que los datos reflejen comportamiento real de usuarios.

Heatmaps: cómo interpretarlos para CRO

Clarity ofrece tres tipos de heatmaps:

Heatmap de clics

Muestra dónde hacen clic los usuarios. Busca patrones como:

  • Clics concentrados fuera de los CTAs principales (oportunidad de reposicionar).
  • Elementos visuales que parecen botones pero no lo son (falsos affordances).
  • CTAs secundarios que reciben más clics que el principal.

Heatmap de scroll

Revela hasta dónde llegan los usuarios. La regla práctica: si menos del 50% de los usuarios llega a tu CTA principal, tienes un problema de jerarquía de contenido. Considera mover el CTA más arriba o crear un resumen above the fold.

Heatmap de áreas

Agrupa clics por secciones de la página. Es útil para comparar la atención que reciben diferentes bloques de contenido y priorizar qué optimizar primero.

Grabaciones de sesión: qué buscar

Las session recordings son el recurso más potente de Clarity para generar hipótesis CRO. No necesitas ver cientos de grabaciones; estas estrategias te ayudan a priorizar:

Filtra por señales de frustración

Usa los filtros de Clarity para ver solo sesiones con rage clicks o dead clicks. Estas son las que más probabilidades tienen de revelar problemas de usabilidad.

Segmenta por dispositivo

El comportamiento en móvil y desktop es radicalmente diferente. Filtra por tipo de dispositivo y analiza cada experiencia por separado. Los problemas de conversión en móvil suelen estar relacionados con targets táctiles demasiado pequeños o formularios complejos.

Analiza el embudo de conversión

Filtra sesiones por páginas visitadas para ver solo usuarios que llegaron al checkout o al formulario de contacto pero no completaron la conversión. Estas sesiones te muestran exactamente dónde y por qué abandonan.

Clarity vs. Hotjar: cuándo usar cada uno

AspectoClarityHotjar
PrecioGratuito, sin límitesGratuito limitado, planes desde 39 USD/mes
HeatmapsClics, scroll, áreasClics, scroll, movimiento
GrabacionesIlimitadasLimitadas en plan gratuito
EncuestasNo incluyeSí (feedback y encuestas)
Integración GA4Sí (Copilot + datos GA4)Sí
MuestreoSin muestreoCon muestreo en planes bajos

Para la mayoría de equipos, la estrategia óptima es usar Clarity como base (heatmaps + grabaciones ilimitadas) y complementar con encuestas on-site usando otra herramienta si necesitas feedback directo del usuario.

Clarity Copilot: IA aplicada a la analítica

La funcionalidad más reciente de Clarity es Copilot, un asistente de IA que analiza automáticamente las grabaciones y heatmaps para generar resúmenes e insights. En lugar de revisar manualmente cientos de sesiones, Copilot identifica patrones de comportamiento, páginas problemáticas y oportunidades de mejora.

Esto es especialmente útil para equipos pequeños que no tienen un analista dedicado: la IA hace el trabajo de triaje y tú te enfocas en priorizar y ejecutar los cambios.

Cómo integrar Clarity en tu proceso CRO

El flujo recomendado para usar Clarity dentro de un proceso de optimización:

  1. Detectar: revisa semanalmente las métricas de frustración (dead clicks, rage clicks) y las páginas con mayor tasa de rebote en GA4.
  2. Investigar: usa heatmaps y grabaciones filtradas en esas páginas para entender el comportamiento.
  3. Hipotizar: formula hipótesis específicas basadas en lo observado ("Los usuarios no ven el CTA porque está debajo del fold y solo el 30% hace scroll hasta ahí").
  4. Testear: lanza un test A/B para validar la hipótesis.
  5. Medir: compara los resultados y documenta los aprendizajes.

Limitaciones de Clarity

Clarity no es perfecta. Conocer sus limitaciones te ayuda a usarla mejor:

  • No ofrece encuestas ni feedback directo del usuario.
  • No tiene análisis de embudos integrado (necesitas GA4 para eso).
  • Las grabaciones no capturan iframes de terceros (pasarelas de pago, chatbots embebidos).
  • En sitios con mucho contenido dinámico (SPAs), la reconstrucción del DOM puede no ser perfecta.

Aun así, para una herramienta gratuita, la relación calidad-precio es imbatible.


En Boost usamos herramientas como Microsoft Clarity dentro de nuestro proceso de optimización de la conversión para entender el comportamiento real de los usuarios y convertir datos en decisiones de negocio. Si quieres saber cómo aplicar este enfoque a tu web, descubre nuestros servicios de CRO o analiza tu web gratis con Scan&Boost.

Adrià Vidal — Boost

Adrià Vidal

Adrià Vidal

CEO & Founder

Fundador de Boost. Especialista en analítica digital, CRO e inteligencia artificial aplicada a la optimización de negocios digitales.

Artículos relacionados

Microsoft Clarity: qué es y cómo usarlo en CRO | Boost