Analytics

Hotjar

Mapas de calor, grabaciones y encuestas de comportamiento

Plataforma de behavior analytics que combina heatmaps, session replay, funnels y encuestas on-site para entender cómo interactúan los visitantes con una web.

Ir al sitio oficial

Ficha abierta

Para qué sirve y cómo encaja

Hotjar combina lo que muchos equipos buscan cuando Google Analytics no basta: ver qué hace la gente de verdad en la página. Heatmaps y grabaciones ayudan a encontrar botones que nadie pulsa, formularios que abandonan o layouts que confunden.

El trabajo técnico no es trivial: graba sesiones reales, así que en la UE necesita consentimiento previo, enmascarado de campos sensibles y una política de privacidad alineada. Microsoft Clarity ofrece una alternativa gratuita con funciones parecidas; Hotjar aporta encuestas y funnels más maduros a cambio de un plan de pago cuando el tráfico crece.

Uso en tu proyecto

Instalación e importación

Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.

script
<script>
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:HOTJAR_ID,hjsv:6};
    a=o.getElementsByTagName("head")[0];
    r=o.createElement("script");r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");
</script>

Prompt para que tu agente lo instale

Pega esto en Cursor, Claude Code, Codex u otro agente de código:

Prompt
Instala Hotjar en este proyecto (contexto: HTML propio). Documentación oficial: https://help.hotjar.com/hc/en-us/articles/115011639927-How-to-Install-the-Hotjar-Tracking-Code. Aplica el snippet de instalación de esta ficha. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.

Planes y modelos

Cómo se paga y qué incluye cada opción

  1. 01

    Basic

    Gratis para siempre con hasta 35 sesiones diarias de grabación y heatmaps básicos; suficiente para sitios pequeños.

    Gratis
  2. 02

    Plus

    Desde 32 € al mes con más sesiones diarias, filtros avanzados y encuestas ilimitadas.

    Plus
  3. 03

    Business

    Desde 80 € al mes con identificación de usuarios, integraciones avanzadas y más volumen de datos.

    Business
  4. 04

    Scale

    Precio a medida para equipos con alto tráfico, SSO y condiciones contractuales personalizadas.

    Scale

Funcionalidades

Qué puedes hacer con ella

  1. 01

    Heatmaps

    Visualiza clics, movimiento del ratón y scroll agregados por página.

  2. 02

    Session recordings

    Reproduce sesiones reales para detectar fricción, errores y abandonos.

  3. 03

    Encuestas y feedback

    Lanza popups y encuestas contextuales sin desarrollar un módulo propio.

  4. 04

    Funnels e insights

    Analiza recorridos de conversión y señala puntos donde los usuarios se pierden.

Cuándo usarla

Dónde encaja y dónde no

Te conviene si…

Útil para investigar UX, validar rediseños y encontrar problemas que las métricas agregadas de analítica no explican.

Mejor otra opción si…

No debe instalarse sin revisar consentimiento, privacidad, enmascarado de datos sensibles y el peso del script en el sitio.

Siguiente paso

Comprueba si encaja con tu caso antes de decidir.

Visitar Hotjar