≡En resumen
- Un clickmap muestra en qué elementos de una página hacen clic los usuarios y con qué frecuencia.
- Es un tipo de mapa de calor: no mide el scroll ni el recorrido entre páginas.
- Los clics de rabia y los clics muertos revelan frustración y elementos que parecen enlaces pero no lo son.
- Hay que leerlo por dispositivo, con suficiente tráfico y sin cambios de diseño a mitad del periodo.
- Sus hallazgos no son conclusiones: son hipótesis que conviene validar con un test A/B.
01 ¿Qué es un clickmap?
El término une click y map. Es uno de los informes de la analítica de comportamiento, junto a los mapas de scroll y las grabaciones de sesión. A diferencia de la analítica web clásica, que cuenta visitas y eventos, el clickmap enseña el dato en contexto: ves exactamente qué parte del diseño recibe la atención.
02 Cómo funciona un mapa de clics y qué tipos de clic muestra
La herramienta añade un pequeño script a la web que registra cada clic: en qué elemento se produce, en qué posición, en qué dispositivo y en qué momento de la sesión. Después agrega miles de clics y los pinta sobre una captura de la página. Las herramientas modernas, como Microsoft Clarity, asignan cada clic al elemento pulsado y no solo a la coordenada del ratón, para que el mapa siga siendo preciso con diseños responsive y tamaños de pantalla distintos.
| Tipo de clic | Qué es | Qué suele indicar |
|---|---|---|
| Todos los clics | El total de clics en cada elemento | Qué atrae la atención y qué se ignora |
| Clics muertos (dead clicks) | Clics que no producen ninguna respuesta en la página | Elementos que parecen enlaces o botones y no lo son |
| Clics de rabia (rage clicks) | Varios clics rápidos seguidos en la misma zona | Frustración: algo no carga, no responde o no se entiende |
| Clics con error | Clics tras los que se produce un error de JavaScript | Fallos técnicos que bloquean una acción |
| Primer clic | El primer elemento que pulsa el usuario en la página | Qué busca nada más llegar |
| Último clic | El último elemento pulsado antes de salir | Dónde termina el recorrido o abandona |
03 Clickmap vs mapa de calor, scroll map y clickstream
| Informe | Qué muestra | Alcance | Pregunta que responde |
|---|---|---|---|
| Clickmap | Dónde se hace clic | Una página | ¿Qué elementos se pulsan y cuáles no? |
| Mapa de calor (heatmap) | Término general: clics, movimiento, scroll o atención | Una página | ¿Dónde se concentra la interacción? |
| Scroll map | Hasta dónde baja cada porcentaje de usuarios | Una página | ¿Qué parte del contenido llega a verse? |
| Clickstream | La secuencia de páginas y acciones | Una o varias sesiones | ¿Qué camino sigue el usuario? |
| Sitemap | El listado de URLs del sitio | Toda la web | ¿Qué páginas existen? (no mide comportamiento) |
Todo clickmap es un mapa de calor, pero no todo mapa de calor es un clickmap. Se complementan: el clickstream te dice en qué página se rompe el recorrido, el clickmap qué pasa dentro de ella y el mapa de scroll si el usuario llegó a ver el elemento. Si quieres comparar herramientas y aprender a instalar los distintos tipos, lo explicamos en nuestra guía de mapas de calor web.
04 Cómo leer un clickmap paso a paso
-
1
Elige una página con un objetivo claro
Una landing, una ficha de producto o un formulario. Sin objetivo no sabrás si los clics son buenos o malos.
-
2
Asegura un volumen suficiente
Con pocas decenas de visitas, un par de usuarios distorsionan el mapa. Espera a tener cientos de páginas vistas.
-
3
Separa móvil y ordenador
El diseño cambia por completo entre dispositivos; mezclarlos da un mapa sin sentido.
-
4
Mira primero el CTA principal
¿Qué porcentaje de clics recibe? ¿Compite con elementos secundarios que se llevan la atención?
-
5
Busca clics en lo que no es clicable
Imágenes, iconos o textos subrayados muy pulsados indican expectativas que el diseño no cumple.
-
6
Revisa clics de rabia y muertos
Filtra por ellos y abre grabaciones de esas sesiones para entender qué falló.
-
7
Convierte cada hallazgo en hipótesis
«Si hacemos la foto ampliable, subirán las conversiones». Después, valídala.
- Muchos clics en el logotipo de un cliente en la sección de testimonios: el usuario quiere más prueba social; enlaza a casos de éxito.
- El menú se lleva más clics que el botón principal en una landing de campaña: elimina la navegación o reduce distracciones.
- Clics de rabia en un selector de talla: probablemente no responde en móvil; revisa el código.
- Casi nadie pulsa el CTA situado muy abajo: cruza con el mapa de scroll; quizá hay que subirlo por encima del pliegue.
05 Errores frecuentes al interpretar un clickmap
- ✓Sacar conclusiones con muy poco tráfico o en un periodo con campañas atípicas.
- ✓Mezclar datos de antes y después de un cambio de diseño en el mismo mapa.
- ✓Olvidar los elementos dinámicos (carruseles, menús desplegables, ventanas emergentes) que el mapa no siempre dibuja bien.
- ✓Pensar que más clics es siempre mejor: muchos clics en un menú de ayuda pueden indicar confusión.
- ✓Ignorar el contexto de la visita: el tráfico de pago y el orgánico se comportan distinto.
- ✓Cambiar el diseño sin medir después el efecto en las conversiones.
06 Herramientas para crear un clickmap
| Herramienta | Qué ofrece | Coste |
|---|---|---|
| Microsoft Clarity | Mapas de clics (todos, muertos, de rabia, con error, primer y último clic), scroll, áreas, atención y grabaciones | Gratis y sin límite de tráfico, según Microsoft |
| Hotjar | Mapas de calor de clics, movimiento y scroll, grabaciones y encuestas | Plan gratuito limitado y planes de pago |
| Yandex Metrica | Mapa de clics con cinco modos de visualización, mapa de scroll, análisis de formularios y Session Replay | Gratis |
| Matomo | Mapas de clics, movimiento y scroll con su módulo Heatmap & Session Recording | Módulo de pago; Matomo puede alojarse en tu servidor |
Google Analytics 4 no incluye un mapa de clics visual sobre la página: mide eventos y rutas, pero no los dibuja sobre el diseño. Lo habitual es configurar Google Analytics 4 para las conversiones y añadir Clarity o Hotjar para ver el comportamiento dentro de cada página. Tienes otra selección en este artículo de herramientas para crear mapas de calor web.
07 Para qué sirve el clickmap en diseño y conversión
Optimizar llamadas a la acción
Comprueba si el botón principal recibe los clics que debería o si compite con otros elementos.
Mejorar la usabilidad
Detecta elementos confusos, enlaces que nadie usa y zonas que generan frustración.
Priorizar el contenido
Los elementos que más interesan deben estar visibles sin hacer scroll, above the fold.
Simplificar menús
Las opciones que nadie pulsa pueden eliminarse o agruparse.
Detectar errores técnicos
Clics con error y de rabia señalan botones rotos o scripts que fallan.
El clickmap es una de las herramientas básicas de la optimización de la conversión y del diseño UX: convierte opiniones sobre el diseño en datos. Cuida especialmente lo que queda above the fold, porque es lo que ve todo el mundo antes de decidir si sigue.
Preguntas frecuentes sobre Clickmap
Es un mapa de clics: un informe que dibuja sobre una página web dónde hacen clic sus visitantes y con qué frecuencia.
Heatmap o mapa de calor es el término general, que incluye clics, movimiento, scroll o atención. El clickmap es el mapa de calor que solo muestra clics.
Los rage clicks o clics de rabia son varios clics rápidos en la misma zona por frustración. Los dead clicks o clics muertos son clics que no producen ninguna respuesta.
Instalando Microsoft Clarity, que es gratuito y genera mapas de clics, scroll y grabaciones, o con el plan gratuito de Hotjar o Yandex Metrica.
Google Analytics 4 no ofrece un mapa de clics visual sobre la página. Mide eventos y rutas, y se combina con herramientas como Clarity o Hotjar para ver los clics sobre el diseño.
No hay una cifra oficial, pero con pocas decenas de visitas el mapa se distorsiona. Conviene reunir al menos unos cientos de páginas vistas por dispositivo antes de sacar conclusiones.
En la Unión Europea, sí, cuando la herramienta usa cookies o identificadores no exentos. Clarity exige recibir la señal de consentimiento en el EEE, Reino Unido y Suiza.
Fuentes consultadas
Sobre el autor
Raúl Aránega Segura
CEO y especialista SEO en appyweb
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y, ahora, en las respuestas de la IA.
Ver perfil en LinkedIn ↗