Microsoft Clarity

¿Qué es Microsoft Clarity?

Microsoft Clarity es una plataforma gratuita de analítica de comportamiento que te ayuda a comprender cómo los visitantes utilizan realmente tu sitio web. Lanzada por Microsoft en 2020, ha crecido rápidamente hasta superar los 2 millones de sitios web porque ofrece grabación de sesiones y funcionalidad de mapas de calor de nivel empresarial sin límites de tráfico, sin niveles de precios y sin cookies. Para los propietarios de tiendas PrestaShop, esto significa que puedes analizar cada sesión de visitante en tu tienda, desde la página de inicio hasta el checkout, sin pagar ni un céntimo por la plataforma de analítica.

Mientras que Google Analytics te indica métricas (tasa de rebote, páginas vistas, tasa de conversión), Clarity responde al porqué detrás de esos números. Una tasa de rebote del 70% en tu página de producto no significa nada hasta que ves 20 sesiones y te das cuenta de que los visitantes no encuentran el botón "Añadir al carrito" en el móvil, o que tu galería de imágenes falla en Safari, o que tu tabla de tallas se abre de una forma que cubre el botón de compra.

Funciones principales para el comercio electrónico

Grabaciones de sesiones

Cada sesión de visitante se graba y está disponible para su reproducción en el dashboard de Clarity. Puedes filtrar las grabaciones por:

• Páginas visitadas: mira sesiones que incluyeron tu página de checkout para encontrar causas de abandono
• Tipo de dispositivo: aísla sesiones móviles donde los problemas de UX son más comunes
• Señales de frustración: Clarity etiqueta automáticamente las sesiones con clics de rabia, clics muertos y desplazamiento excesivo
• País y navegador: identifica si los problemas están localizados en mercados o navegadores específicos

Las grabaciones de sesiones están anonimizadas: los campos de formulario, entradas de tarjetas de crédito y otros datos sensibles se enmascaran automáticamente. Ves los patrones de interacción, no la información personal.

Mapas de calor

Clarity genera tres tipos de mapas de calor para cada página de tu tienda:

• Mapas de calor de clics: muestran dónde hacen clic los visitantes con más frecuencia (y dónde hacen clic pero no deberían, indicando elementos de interfaz confusos)
• Mapas de calor de desplazamiento: revelan hasta dónde se desplazan los visitantes, ayudándote a posicionar contenido clave (CTAs, insignias de confianza, ofertas) donde la gente realmente lo ve
• Mapas de calor de áreas: agregan la interacción por sección de página, mostrando qué áreas reciben más atención

Para las páginas de producto, estos datos son oro. Puedes ver si los visitantes interactúan con tus descripciones de producto, si notan tus secciones de venta cruzada y si tu botón "Añadir al carrito" está posicionado de forma óptima para la forma en que la gente realmente navega por tus páginas.

Smart Insights: detección automática de problemas

Una de las funcionalidades más potentes de Clarity es su detección automática de información relevante. La plataforma utiliza aprendizaje automático para identificar patrones en los datos de tus visitantes y destacar problemas de forma proactiva:

• Clics muertos: visitantes que hacen clic en elementos que no son interactivos (imágenes que parecen botones, texto que parece enlaces). Cada clic muerto es una posible venta perdida.
• Clics de rabia: clics repetidos rápidamente en el mismo elemento, indicando frustración. Habitual con botones de añadir al carrito que cargan lento o menús desplegables que no responden.
• Desplazamiento excesivo: visitantes que se desplazan arriba y abajo repetidamente, sugiriendo que no encuentran lo que buscan.
• Retornos rápidos: visitantes que navegan a una página e inmediatamente vuelven atrás, indicando que la página no coincidía con sus expectativas.

Estas perspectivas aparecen en tu dashboard de Clarity automáticamente: no necesitas revisar manualmente cientos de sesiones para encontrar problemas.

Integración con Google Analytics

Clarity se integra directamente con Google Analytics (tanto Universal Analytics como GA4). Una vez conectado, puedes lanzar grabaciones de sesiones directamente desde tus informes de GA: haz clic en una métrica en GA y mira las sesiones reales detrás de ella. Esto cierra la brecha entre los datos cuantitativos (GA) y la comprensión cualitativa (Clarity).

Privacidad y GDPR

Microsoft Clarity está diseñado con la privacidad como prioridad:

• Sin cookies por defecto: Clarity utiliza un enfoque de seguimiento sin cookies, lo que significa que no requiere consentimiento de cookies para la funcionalidad básica en la mayoría de las interpretaciones del GDPR. Sin embargo, consulta a tu asesor legal para tu situación específica.
• Enmascaramiento de datos sensibles: todas las entradas de formularios, incluidos los campos de checkout, se enmascaran automáticamente en las grabaciones. Ves que un visitante escribió en un campo, pero no lo que escribió.
• Procesamiento de datos: Microsoft procesa los datos de Clarity bajo sus términos de privacidad estándar. Los datos se almacenan en los centros de datos de Microsoft Azure.
• Sin venta de datos: Microsoft no vende los datos de Clarity ni los utiliza para segmentación publicitaria fuera del producto Clarity.

Implementación técnica

El módulo inyecta el código de seguimiento JavaScript de Clarity de forma asíncrona en el <head> de tu tienda. El script es:

• ~16KB comprimido: uno de los scripts de analítica más pequeños disponibles
• Asíncrono y no bloqueante: se carga en paralelo con tu página, nunca retrasa el renderizado
• Gestiona automáticamente SPAs y contenido dinámico: captura interacciones incluso en elementos cargados por AJAX
• Sin dependencias externas: sin jQuery, sin bibliotecas adicionales

Configuración

1. Crea una cuenta gratuita en clarity.microsoft.com y configura un nuevo proyecto.
2. Copia tu Clarity Project ID (una cadena como abc123xyz).
3. Instala este módulo en PrestaShop, pega el Project ID y guarda.
4. Clarity empieza a recopilar datos inmediatamente: los mapas de calor y grabaciones aparecen en menos de 2 horas.