Czym jest Hotjar

Narzędzie do analizy zachowań użytkowników na stronach internetowych. Mapy cieplne, nagrania sesji, lejki i ankiety pomagają zrozumieć, jak użytkownicy korzystają z Twojej strony.

Kategoria plików cookie

Hotjar należy do kategorii analitycznej.

Instalacja z Consentio

Dodaj kod śledzący Hotjar z atrybutami type="text/plain" i data-category="analytics", aby ładował się dopiero po udzieleniu zgody analitycznej:

<!-- Hotjar - zablokowany do czasu zgody analitycznej -->
<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>

Alternatywa: API JavaScript

Dynamiczne ładowanie Hotjar po udzieleniu zgody:

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

Integracja przez GTM

W Google Tag Manager dodaj tag Hotjar z wymogiem zgody dla analytics_storage. Hotjar jest dostępny jako szablon społecznościowy w galerii szablonów GTM.

Google Consent Mode v2

Weryfikacja

1. Otwórz DevTools (F12)
2. Przed udzieleniem zgody: skrypt Hotjar nie powinien się załadować
3. Udziel zgody analitycznej
4. Zweryfikuj w zakładce Sieć, że skrypt Hotjar został załadowany
5. Sprawdź w panelu Hotjar → Witryny → zweryfikuj instalację