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:
<!-- 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>
VÁŠ_CLARITY_ID skutečným ID z Clarity dashboardu → Settings → Setup.
JavaScript API alternativa
Dynamické načtení Microsoft Clarity po souhlasu:
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
- Otevřete DevTools (F12) → Network tab
- Před souhlasem:
clarity.msby se neměl načíst - Udělte analytický souhlas
- Ověřte
clarity.msv Network tab - Zkontrolujte Clarity dashboard