optimizacion-conversion

Hotjar: Guía Completa de Heatmaps y Grabaciones de Sesión

Adrià Vidal7 min de lectura
Hotjarheatmapsgrabaciones de sesiónCROanálisis de comportamiento

Qué es Hotjar

Hotjar es una plataforma de análisis de comportamiento web que combina heatmaps, grabaciones de sesión, encuestas y formularios de feedback en un solo producto. Fundada en 2014 y adquirida por Contentsquare en 2021, se ha convertido en la herramienta de referencia para equipos de CRO, UX y producto que quieren entender cómo los usuarios interactúan con sus páginas web.

A diferencia de las herramientas de analytics cuantitativo como Google Analytics o PostHog, Hotjar aporta la dimensión cualitativa del análisis: no solo te dice cuántos usuarios abandonan una página, sino que te muestra exactamente dónde hacen clic, hasta dónde hacen scroll y qué les frena. Esta combinación de datos cuantitativos y cualitativos es la base de cualquier proceso riguroso de CRO.

Funcionalidades principales

Heatmaps

Los heatmaps de Hotjar agregan el comportamiento de todos los usuarios en una representación visual. Hay tres tipos:

  • Click maps: muestran dónde hace clic la gente, incluyendo clics en elementos no interactivos que revelan expectativas frustradas.
  • Move maps: siguen el movimiento del cursor, que correlaciona con la atención visual en escritorio.
  • Scroll maps: indican hasta qué punto de la página llega el usuario. El punto donde el 50% de los usuarios deja de hacer scroll es el límite de visibilidad efectiva de cualquier contenido que esté por debajo.

Los heatmaps son especialmente útiles para detectar elementos de alto tráfico que no convierten, botones ignorados, o contenido clave que queda fuera del área de atención habitual.

Grabaciones de sesión

Las grabaciones capturan la sesión completa de cada usuario: movimientos de ratón, clics, scroll, interacciones con formularios y errores de JavaScript. Hotjar aplica enmascaramiento automático de datos sensibles (campos de contraseña, tarjetas, etc.) para cumplir con GDPR.

Las grabaciones son el recurso más valioso para diagnosticar problemas específicos. Si un heatmap muestra que el 80% de los usuarios no hace scroll más allá del primer bloque de una landing page, las grabaciones te muestran por qué: ¿hay un elemento que confunde? ¿Un formulario que no carga correctamente? ¿Una imagen que corta el flujo visual?

Combinadas con los datos de funnel, permiten ver el comportamiento exacto de los usuarios que abandonaron en cada paso. Esto es fundamental antes de diseñar cualquier hipótesis de A/B testing.

Encuestas y feedback

Hotjar permite lanzar encuestas contextuales en la web: al entrar a una página, al intentar salir, después de completar una acción o después de un tiempo determinado en la página. Las respuestas se vinculan automáticamente al segmento de usuarios, el dispositivo y la URL.

El feedback widget permite que los usuarios valoren páginas y dejen comentarios en tiempo real. Esta señal cualitativa es especialmente útil para identificar problemas que los datos de comportamiento no explican directamente.

Funnels de conversión

Hotjar incluye un módulo básico de funnels que muestra la tasa de abandono entre pasos definidos. Aunque menos potente que los funnels de herramientas como PostHog o Google Analytics 4, la ventaja es que desde el funnel puedes hacer clic en cualquier paso y acceder directamente a las grabaciones de los usuarios que abandonaron en ese punto.

Hotjar vs alternativas

CaracterísticaHotjarMicrosoft ClarityFullStoryContentsquare
HeatmapsSíSíSíAvanzado
Grabaciones de sesiónSíSíSíSí
Encuestas in-pageSíNoNoNo
Feedback widgetSíNoNoSí
Análisis de revenueNoNoSíSí
IA para insightsBásicaBásicaAvanzadaAvanzada
PrecioFreemiumGratisEnterpriseEnterprise
Límite de sesionesPor planIlimitadoPor planPor plan

Microsoft Clarity es la alternativa gratuita más directa. Ofrece heatmaps y grabaciones sin límite de sesiones y sin coste, pero carece de encuestas, feedback y las integraciones más avanzadas. Para equipos con presupuesto limitado, Clarity es un excelente punto de partida.

FullStory está más orientado a product analytics con capacidades de retroactive querying (puedes hacer preguntas sobre eventos pasados sin haberlos definido previamente). Contentsquare es la plataforma enterprise más completa del mercado, con atribución de revenue por zona de la página y análisis de experiencia digital a escala. Hotjar ocupa el segmento medio: más potente que Clarity, más accesible que FullStory o Contentsquare.

Cómo integrar Hotjar en el flujo de trabajo CRO

Un proceso de CRO riguroso sigue una secuencia que va de los datos cuantitativos al diagnóstico cualitativo y de ahí a la hipótesis y el experimento. Hotjar encaja en la fase de diagnóstico:

Paso 1: Identificar páginas con problema en analytics. Google Analytics o PostHog te dicen qué páginas tienen alta tasa de abandono, bajo tiempo en página o bajo scroll depth.

Paso 2: Abrir Hotjar en esas páginas. El heatmap te muestra visualmente qué está pasando: qué elementos captan atención, qué se ignora, dónde hacen clic de forma inesperada.

Paso 3: Ver grabaciones de los usuarios que abandonaron. Filtra por usuarios que llegaron a esa página y no convirtieron. Mira entre 20 y 30 grabaciones buscando patrones de comportamiento recurrentes.

Paso 4: Lanzar una encuesta de salida. Si el heatmap y las grabaciones no son concluyentes, una encuesta de salida con la pregunta "¿Por qué no has completado [acción]?" puede revelar el motivo real.

Paso 5: Formular la hipótesis y diseñar el test. Con este diagnóstico, tienes la base para plantear una hipótesis fundamentada y priorizarla dentro de tu auditoría CRO.

Implementación técnica

Hotjar se instala con un snippet de JavaScript, directamente en el código de la web o a través de Google Tag Manager. La implementación mediante GTM es más recomendable porque permite activar o desactivar Hotjar sin tocar el código, y gestionar su carga de forma condicional (por ejemplo, solo en las páginas que quieres analizar).

Para sitios de alto tráfico, conviene configurar el porcentaje de sesiones grabadas (sampling) para controlar el volumen de datos y el impacto en el rendimiento. Hotjar tiene un impacto mínimo en Core Web Vitals si se carga de forma asíncrona, pero en sitios muy optimizados es recomendable monitorizarlo.

Limitaciones

Hotjar tiene limitaciones en análisis de revenue: no puede atribuir ingresos a zonas específicas de la página ni calcular el impacto económico de los problemas de UX que detecta. Para eso, Contentsquare o FullStory son alternativas más potentes.

El motor de IA para la generación automática de insights aún es básico comparado con plataformas enterprise. La señal cualitativa de las encuestas requiere volumen suficiente de respuestas para ser estadísticamente representativa.

Conclusión

Hotjar es una herramienta imprescindible en el stack de cualquier equipo de CRO. Aporta la dimensión cualitativa del análisis que los datos cuantitativos solos no pueden proporcionar: ver el comportamiento real de los usuarios, escuchar su feedback y entender la experiencia desde su perspectiva. Esto es lo que convierte los datos en hipótesis fundamentadas y los experimentos en victorias predecibles.

Si quieres aprender a integrar herramientas como Hotjar en un proceso de optimización continua, el primer paso es definir el marco de trabajo. Una auditoría CRO te da exactamente eso. En Boost ayudamos a equipos a construir flujos de diagnóstico y experimentación que generan resultados medibles y sostenibles. También puedes analizar 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

Hotjar: Guía Completa de Heatmaps y Grabaciones de Sesión