Qué es Hotjar

Una herramienta para analizar el comportamiento de los usuarios en los sitios web. Los mapas de calor, las grabaciones de sesiones, los embudos y las encuestas te ayudan a entender cómo interactúan los usuarios con tu sitio web.

Categoría de cookie

Hotjar pertenece a la categoría analytics.

Instalación con Consentio

Añade el código de seguimiento de Hotjar con los atributos type="text/plain" y data-category="analytics", para que solo se cargue después de que se conceda el consentimiento de analítica:

<!-- Hotjar - bloqueado hasta obtener el consentimiento de analítica -->
<script type="text/plain" data-category="analytics">
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_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>

Alternativa con API de JavaScript

Carga Hotjar dinámicamente después de que se conceda el consentimiento:

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Cargar Hotjar
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:YOUR_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=');
  }
})

Integración mediante GTM

En Google Tag Manager, añade una etiqueta de Hotjar con un requisito de consentimiento para analytics_storage. Hotjar está disponible como plantilla comunitaria en la Galería de plantillas de GTM.

Google Consent Mode v2

Verificación

1. Abre las herramientas de desarrollador (F12)
2. Antes del consentimiento: el script de Hotjar no debería cargarse
3. Concede el consentimiento de analítica
4. Verifica en la pestaña Red que el script de Hotjar se ha cargado
5. Comprueba en el panel de Hotjar → Sites → verifica la instalación