Czym jest Microsoft Clarity

Bezpłatne narzędzie od Microsoftu do analizy zachowań użytkowników. Oferuje mapy cieplne, nagrania sesji oraz automatyczne raporty problemów UX.

Kategoria plików cookie

Microsoft Clarity należy do kategorii analitycznej.

Instalacja z Consentio

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

<!-- Microsoft Clarity - zablokowany do czasu zgody analitycznej -->
<script type="text/plain" data-category="analytics">
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window,document,"clarity","script","YOUR_CLARITY_ID");
</script>

Alternatywa: API JavaScript

Dynamiczne ładowanie Microsoft Clarity po udzieleniu zgody:

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Załaduj Microsoft Clarity
    (function(c,l,a,r,i,t,y){
      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window,document,"clarity","script","YOUR_CLARITY_ID");
  }
})

Integracja przez GTM

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

Google Consent Mode v2

Microsoft Clarity obsługuje Google Consent Mode. Jeśli korzystasz z GTM, po prostu ustaw wymóg zgody na analytics_storage.

Weryfikacja

1. Otwórz DevTools (F12) → zakładka Sieć
2. Przed udzieleniem zgody: clarity.ms nie powinien się załadować
3. Udziel zgody analitycznej
4. Zweryfikuj clarity.ms w zakładce Sieć
5. Sprawdź panel Clarity