Qu'est-ce que Hotjar

Un outil d'analyse du comportement des utilisateurs sur les sites web. Cartes thermiques, enregistrements de sessions, tunnels de conversion et sondages vous aident à comprendre comment les utilisateurs interagissent avec votre site.

Catégorie de cookie

Hotjar appartient à la catégorie analytique.

Installation avec Consentio

Ajoutez le code de suivi Hotjar avec les attributs type="text/plain" et data-category="analytics", afin qu'il ne se charge qu'après le consentement à la catégorie analytique :

<!-- Hotjar - bloqué jusqu'au consentement analytique -->
<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>

Alternative via l'API JavaScript

Chargez dynamiquement Hotjar une fois le consentement accordé :

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Charger 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=');
  }
})

Intégration via GTM

Dans Google Tag Manager, ajoutez un tag Hotjar avec une exigence de consentement pour analytics_storage. Hotjar est disponible en tant que modèle communautaire dans la galerie de modèles GTM.

Google Consent Mode v2

Vérification

1. Ouvrez les DevTools (F12)
2. Avant le consentement : le script Hotjar ne doit pas se charger
3. Accordez le consentement analytique
4. Vérifiez dans l'onglet Réseau que le script Hotjar s'est chargé
5. Vérifiez dans le tableau de bord Hotjar → Sites → vérifiez l'installation