Microsoft Clarity para ver por qué se van de tu web

Existe una forma de ver, literalmente, la sesión de la persona que entró en tu web, miró unos segundos y se fue sin escribirte. No solo saber que pasó, sino ver el gesto exacto, dónde se paró el cursor, qué botón tocó dos veces sin que respondiera y en qué línea dejó de leer.

Microsoft Clarity hace posible justo eso, y además es gratis. Antes de rehacer una web entera conviene mirar primero qué hace la gente dentro, y es el mismo criterio con el que trabajamos en Montilva Creations. Quien busca una agencia de diseño web que empiece por ahí, tiene aquí por dónde arrancar.

Microsoft Clarity graba tu web entera y no cuesta nada

Clarity es una herramienta de Microsoft que se instala en unas pocas líneas de código y hace dos cosas a la vez, grabar sesiones reales de quien visita tu web y dibujar mapas de calor con lo que la gente toca y lo que ignora. La propia web del producto la anuncia como gratis para siempre, sin límite de sesiones que obligue a pagar más adelante.

Ya la usan más de dos millones de sitios y aplicaciones, así que no es un experimento a medio terminar. Eso pesa cuando decides dónde meter una línea de código nueva en tu web.

Que sea gratis tampoco la convierte en la única pieza que necesitas. Conviene tener claro qué no hace:

• No arregla nada. Reúne los datos, pero interpretarlos y decidir qué cambiar sigue siendo trabajo humano.
• No sustituye el criterio de quien revisa la web y sabe qué mirar.
• No es el final. Es el primer paso, y sale barato entender qué falla antes de tocar diseño, textos o velocidad de carga.

Esto es lo que muestran una grabación y un mapa de calor

Una grabación de sesión es, en la práctica, un vídeo silencioso de lo que hizo una persona en tu web, sin que sepas quién es. Un mapa de calor superpone muchas de esas sesiones y pinta en colores cálidos las zonas donde más gente toca o se detiene, y en frío las que pasan desapercibidas para casi todo el mundo.

Traducido a decisiones, esto es lo que se repite una y otra vez.

• Punto de scroll: la altura exacta donde la mayoría deja de bajar, así que todo lo que pusiste después de esa línea casi nadie llega a verlo.
• Clic de rabia: varios toques seguidos en el mismo punto, la señal de alguien que espera que pase algo y no pasa.
• Clic muerto: un toque sobre algo que parece un botón y no responde a nada.

Cada una de estas señales apunta a un sitio exacto de la página, no a una sensación vaga de que algo no funciona. La diferencia importa porque un punto de scroll bajo se arregla acortando o reordenando el contenido, mientras que un clic muerto suele señalar un elemento que parece interactivo sin serlo, un icono que la gente confunde con un botón real.

Ninguna de las tres exige entender de analítica para sacarle partido. Basta con abrir dos o tres grabaciones de la misma página y ver si el mismo punto se repite, porque una sesión aislada puede ser ruido, pero el patrón que se repite en varias visitas ya es una pista sobre la que actuar.

Lo que graba, lo que tapa y lo que nunca ve

Lo primero que preocupa antes de instalar cualquier grabador de pantalla es lo obvio, si va a guardar contraseñas o datos que no debería. Según la documentación de Microsoft Clarity, la herramienta enmascara el contenido sensible por defecto y nunca llega a capturar nada de lo que tapa antes de que salga de tu web.

Hay una capa que no se puede desactivar aunque quisieras. El contenido de los campos de formulario y de los menús desplegables se enmascara en todos los modos y no se puede cambiar, así que un nombre, un correo o una dirección escritos en tu web no llegan a verse en la grabación. Si administras contenido más delicado, conviene revisar antes qué enmascara Clarity exactamente.

Hay dos detalles del enmascarado que conviene saber antes de tocar esa configuración:

• Caracteres neutros. Lo oculto se sustituye por un símbolo para los dígitos y otro para las letras, así que en la grabación queda la forma del dato pero nunca su contenido.
• Solo lo nuevo. Los cambios en esos ajustes no tocan las grabaciones anteriores y pueden tardar hasta una hora en reflejarse, así que no conviene concluir que no ha funcionado al mirarlo cinco minutos después.

Lo que Microsoft hace con esos datos

Y hay un dato que conviene conocer antes de dar el consentimiento por hecho. El propio texto modelo que Microsoft entrega para la política de privacidad reconoce que estos datos se capturan con cookies propias y de terceros y que la empresa también los usa para publicidad, no solo para mejorar tu web.

Microsoft presenta Clarity como preparada para el RGPD y la CCPA, pero esa etiqueta describe cómo está construida la herramienta, no cómo la usas tú en tu web. El cumplimiento real depende de lo que hagas después, del banner que instales y del texto que publiques en tu política de privacidad.

¿Por qué en España puede que no veas nada?

La exigencia de consentimiento es el dato que ningún resultado en español cuenta todavía. Según la documentación de Clarity, desde el 31 de octubre de 2025 la herramienta exige una señal de consentimiento válida para las visitas que llegan desde el Espacio Económico Europeo, el Reino Unido y Suiza.

El modo consentimiento viene activado por defecto en esas regiones, y mientras no llegue esa señal, Clarity no pone ni una sola cookie. Puedes tener el código bien instalado, revisar el panel a los pocos días y encontrarte con sesiones vacías, no porque algo esté roto, sino porque nadie ha dado el permiso todavía.

Lo que te vas a encontrar depende de dónde venga tu tráfico:

• Tráfico español: panel casi vacío hasta que el sistema de consentimiento quede bien configurado.
• Tráfico de fuera: grabaciones desde el primer minuto si viene de fuera del Espacio Económico Europeo, porque la exigencia no le aplica.

Confundir ese panel vacío con una instalación que falló es el error que más tiempo hace perder.

Todo el detalle técnico de cómo se activa esa señal está en el modo consentimiento que documenta Microsoft, y conviene leerlo antes de dar el proyecto por instalado.

Esto es lo que hay que tener montado para que funcione

Para que la señal llegue hace falta un banner de consentimiento que de verdad comunique la decisión de quien visita tu web, no uno decorativo que ya viene marcado como aceptado por defecto. Microsoft además entrega un texto ya redactado para la política de privacidad, listo para adaptar a tu web y a tu forma de recoger datos.

Esto no sustituye una revisión legal de tu caso concreto, así que conviene repasarlo con quien lleve ese tema en tu negocio antes de darlo por cerrado. Instalar bien el banner es lo que decide si todo lo anterior sirve de algo o se queda en cero sesiones, y es un paso que suele quedar fuera de las guías rápidas que solo explican cómo pegar el código.

Así se instala sin romper nada

El proceso en sí es corto y no hace falta ser programador para completarlo. Se crea un proyecto dentro de Clarity con la dirección de tu web, se copia el fragmento de código que genera y se pega en el encabezado de la página, el mismo sitio donde suelen ir otras herramientas de medición.

• Crear el proyecto: se registra la web dentro de Clarity con su dirección exacta.
• Pegar el código: el fragmento va en el encabezado, antes de que cargue el resto de la página.
• Comprobar que registra: conviene esperar a que llegue el consentimiento y revisar el panel al día siguiente.

Un error habitual es dar el paso por completado nada más pegar el código, sin volver a mirar el panel unos días después. Entre el enmascarado, el consentimiento y el propio ritmo de visitas de cada web, las primeras sesiones pueden tardar en aparecer, y esa espera no significa que algo esté mal configurado.

Si tocar el código de tu web te da respeto, o simplemente no tienes tiempo para revisar que sigue funcionando tras cada actualización o cambio de plantilla, el mantenimiento web incluye justo este tipo de tareas pequeñas pero necesarias.

¿Y qué hago con lo que vea?

Ver una grabación cambia la forma de mirar tu propia web, pero no arregla nada por sí sola. Lo que hace es separar dos tipos de problema que desde fuera parecen el mismo y se resuelven de forma muy distinta.

A partir de ahí, lo que veas cae en uno de dos sitios:

• Lo arreglas tú: un botón que no parece un botón, un texto que queda por debajo del corte del scroll, un formulario demasiado largo.
• Toca replantear: cuando lo que falla no es un elemento suelto sino la estructura entera de la página.

El segundo caso es otra conversación, y ese análisis completo es el que hacemos en diseño web para empresas, donde ya no basta con corregir un detalle suelto de una sola página.

Distinguir uno de otro es sencillo. Si llevas semanas corrigiendo detalles y las sesiones se ven prácticamente igual, el problema está más abajo. Si cada corrección cambia algo visible en la siguiente tanda de grabaciones, vas bien y puedes seguir solo.

Clarity te enseña dónde mirar, y ese primer diagnóstico ya vale la pena hacerlo por tu cuenta antes de gastar en nada más. Cuando de ahí salen más preguntas que respuestas, esa segunda lectura es el trabajo que hacemos en Montilva Creations, y llega con una respuesta honesta sobre si el problema se arregla con un ajuste o si conviene replantear la web entera.