Microsoft Clarity
Microsoft Clarity Integration mit Consentio
Was ist Microsoft Clarity
Ein kostenloses Tool von Microsoft zur Analyse des Nutzerverhaltens. Es bietet Heatmaps, Sitzungsaufzeichnungen und automatische UX-Problemberichte.
Cookie-Kategorie
Microsoft Clarity gehört zur Kategorie Analyse.
| Consentio-Kategorie | GCM-Signal |
|---|---|
| Analyse | analytics_storage |
Installation mit Consentio
Fügen Sie den Microsoft-Clarity-Tracking-Code mit den Attributen type="text/plain" und data-category="analytics" hinzu,
damit er erst nach Erteilung der Analyse-Einwilligung geladen wird:
<!-- Microsoft Clarity - blockiert bis zur Analyse-Einwilligung -->
<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>
YOUR_CLARITY_ID durch die tatsächliche ID aus dem Clarity-Dashboard → Settings → Setup.
Alternative über die JavaScript-API
Microsoft Clarity dynamisch laden, nachdem die Einwilligung erteilt wurde:
Consentio.onConsentChange((consent) => {
if (consent.analytics) {
// Microsoft Clarity laden
(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");
}
})
Integration über GTM
Fügen Sie im Google Tag Manager ein Microsoft-Clarity-Tag mit einer Einwilligungsanforderung für analytics_storage hinzu.
Clarity ist als Community-Vorlage in der GTM-Vorlagengalerie verfügbar.
Google Consent Mode v2
Microsoft Clarity unterstützt Google Consent Mode. Wenn Sie GTM verwenden, setzen Sie die
Einwilligungsanforderung einfach auf analytics_storage.
| Consentio-Kategorie | GCM-Signal |
|---|---|
| Analyse | analytics_storage |
Überprüfung
- Öffnen Sie die DevTools (F12) → Tab Netzwerk
- Vor der Einwilligung:
clarity.msdarf nicht geladen werden - Erteilen Sie die Analyse-Einwilligung
- Überprüfen Sie
clarity.msim Tab „Netzwerk“ - Überprüfen Sie dies im Clarity-Dashboard