Dokumentace

Vše, co potřebujete vědět pro rychlou implementaci Consentio

Microsoft Clarity

Integrace Microsoft Clarity s Consentio

Co je Microsoft Clarity

Bezplatný nástroj od Microsoftu pro analýzu chování uživatelů. Nabízí heatmapy, záznamy relací a automatické přehledy problémů UX.

Kategorie cookies

Microsoft Clarity patří do kategorie analytics.

Consentio kategorie GCM signál
analytics analytics_storage

Instalace s Consentio

Přidejte Microsoft Clarity tracking kód s atributem type="text/plain" a data-category="analytics", aby se načetl až po udělení analytického souhlasu:

HTML
<!-- Microsoft Clarity - blokováno do analytického souhlasu -->
<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","VÁŠ_CLARITY_ID");
</script>
Pozor: Nahraďte VÁŠ_CLARITY_ID skutečným ID z Clarity dashboardu → Settings → Setup.

JavaScript API alternativa

Dynamické načtení Microsoft Clarity po souhlasu:

JavaScript
Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Načtěte 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","VÁŠ_CLARITY_ID");
  }
})

Integrace přes GTM

V Google Tag Manager přidejte Microsoft Clarity tag s požadavkem na analytics_storage. Clarity je dostupný jako komunitní šablona v GTM Template Gallery.

Google Consent Mode v2

Microsoft Clarity podporuje Google Consent Mode. Pokud používáte GTM, stačí nastavit consent požadavek na analytics_storage.

Consentio kategorie GCM signál
analytics analytics_storage

Ověření funkčnosti

  1. Otevřete DevTools (F12) → Network tab
  2. Před souhlasem: clarity.ms by se neměl načíst
  3. Udělte analytický souhlas
  4. Ověřte clarity.ms v Network tab
  5. Zkontrolujte Clarity dashboard
HotjarDesign lišty