Anleitung Mai 2026 22 Min. Lesezeit

Microsoft Clarity: Komplette Anleitung und Einrichtung (2026)

Microsoft Clarity ist das leistungsstärkste kostenlose Tool zur Analyse des Nutzerverhaltens auf Websites. Diese vollständige Anleitung deckt alles ab: von der Schritt-fuer-Schritt-Installation ueber DSGVO-Konfiguration und Heatmaps bis hin zum Clarity Copilot, der Data Export API und dem Vergleich: Clarity allein vs. Clarity mit ClarityInsights für automatische CRO-Berichte.

Was ist Microsoft Clarity?

Microsoft Clarity ist ein kostenloses UX-Analysetool, das Microsoft 2020 veroeffentlichte. Anders als klassische Web-Analytics-Tools wie Google Analytics, die sich auf aggregierte Metriken konzentrieren (Seitenaufrufe, Absprungraten, Sitzungsdauer), zeigt Clarity das tatsaechliche Verhalten einzelner Nutzer: wo sie klicken, wie weit sie scrollen, wo sie frustriert sind und warum sie Ihre Website verlassen.

Die wichtigsten Fakten zu Microsoft Clarity auf einen Blick:

Clarity ersetzt nicht Google Analytics — es ergaenzt es. GA4 sagt Ihnen wie viele Nutzer eine Seite verlassen. Clarity sagt Ihnen warum.

Die wichtigsten Funktionen von Microsoft Clarity

Heatmaps (Waermekarten)

Heatmaps sind aggregierte Visualisierungen des Nutzerverhaltens ueber alle Besucher einer Seite. Clarity bietet drei Heatmap-Typen:

Clarity-Heatmaps koennen nach Geraet (Desktop, Tablet, Mobile), Betriebssystem, Land, Browser und Traffic-Quelle gefiltert werden. Das ist entscheidend, da Mobile-Nutzer oft fundamental anders mit einer Seite interagieren als Desktop-Nutzer.

Session Recordings (Sitzungsaufzeichnungen)

Session Recordings sind Video-Replays des Nutzerverhaltens — Sie sehen buchstaeblich, was jeder einzelne Nutzer auf Ihrer Website gemacht hat: Mausbewegungen, Klicks, Scrollen, Texteingaben (maskiert) und Seitenwechsel.

Clarity zeichnet alle Sessions auf — ohne Datenlimit. Ein Shop mit 100.000 Besuchern pro Monat hat 100.000 aufgezeichnete Sessions. Das ist der Hauptunterschied zu Hotjar (35 Sessions/Tag im kostenlosen Plan).

Die Recordings koennen gefiltert werden nach:

Frustrationssignale: Das Alleinstellungsmerkmal von Clarity

Clarity erkennt automatisch drei Arten von Nutzer-Frustration, ohne dass Sie etwas konfigurieren muessen:

Sofort-Tipp: Oeffnen Sie Clarity → Recordings → filtern Sie nach "Rage Clicks". Die ersten 10 Sessions zeigen Ihnen typischerweise 3-5 kritische UX-Probleme, die Sie noch heute beheben koennen.

Dashboard und Metriken

Das Clarity-Dashboard zeigt aggregierte Metriken ueber den gewaehlten Zeitraum:

MetrikBeschreibungWann relevant?
GesamtsessionsAnzahl der Sessions im ZeitraumTraffic-Trend
Aktive NutzerEindeutige Nutzer (Cookies)Reichweite
Seiten pro SessionDurchschn. Seitenaufrufe pro SitzungEngagement
Scroll-TiefeDurchschn. Scroll-Tiefe ueber alle SeitenContent-Engagement
Dead Clicks %Anteil Sessions mit toten KlicksUX-Probleme
Rage Clicks %Anteil Sessions mit WutklicksKritische Bugs
Quick Backs %Anteil Sessions mit sofortiger RueckkehrContent-Mismatch
JavaScript-FehlerAnzahl JS-Fehler in der PeriodeTechnische Bugs

Vollstaendige Einrichtungsanleitung: Schritt fuer Schritt

Schritt 1: Clarity-Konto erstellen

Gehen Sie zu clarity.microsoft.com und klicken Sie auf "Get Started". Sie koennen sich mit einem Microsoft-Konto, einem Google-Konto oder einem Facebook-Konto anmelden. Ein neues Konto ist in 2 Minuten erstellt.

Nach der Anmeldung klicken Sie auf "New Project". Geben Sie den Namen Ihrer Website ein und die URL (z. B. https://meinshop.de). Clarity erkennt die Domain automatisch.

Schritt 2: Tracking-Code installieren

Nach der Projekterstellung generiert Clarity ein JavaScript-Snippet. Dieses muss in den <head>-Bereich jeder Seite eingefuegt werden. Clarity bietet mehrere Installationsmethoden:

Option A: Manuell im HTML (universell)

Kopieren Sie das Snippet und fuegen Sie es in den <head>-Bereich Ihrer HTML-Vorlage ein, idealerweise so frueh wie moeglich — vor anderen Scripts. Das Snippet sieht so aus:

<script type="text/javascript">
    (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", "IHR-PROJEKT-ID");
</script>

Option B: Google Tag Manager (empfohlen)

Google Tag Manager ist fuer die meisten Websites die beste Installationsmethode, da Sie das Script spaeter anpassen koennen, ohne den Code zu bearbeiten:

  1. Oeffnen Sie GTM → Neues Tag erstellen → Tag-Typ: "Benutzerdefiniertes HTML"
  2. Clarity-Snippet einfuegen
  3. Trigger: "All Pages" (oder nur bestimmte Seiten, z. B. ohne Admin-Bereich)
  4. Speichern und veroeffentlichen

Wichtig fuer DSGVO: Den GTM-Tag nur nach aktiver Cookie-Einwilligung laden. In GTM: Trigger auf Consent-Signal setzen (z. B. "analytics_storage granted").

Option C: WordPress-Plugin

Fuer WordPress gibt es ein offizielles Plugin "Microsoft Clarity" im Plugin-Verzeichnis. Installation: WordPress-Admin → Plugins → Neu hinzufuegen → "Microsoft Clarity" suchen → Installieren → Aktivieren → Projekt-ID eingeben. Fertig.

Option D: Shopify-App

Fuer Shopify gibt es eine offizielle App im Shopify App Store. Installation: Shopify App Store → "Microsoft Clarity" suchen → App installieren → Clarity-Projekt-ID eingeben. Die App bindet das Script automatisch in alle Seiten ein, inklusive Checkout.

Option E: WooCommerce / WordPress manuell

Wenn Sie das Plugin nicht verwenden moechten: Das Snippet in die functions.php Ihres Child-Themes einfuegen via wp_head-Hook, oder ueber einen Plugin-Manager wie "Insert Headers and Footers".

Schritt 3: DSGVO-Einstellungen konfigurieren (wichtig fuer DE)

Fuer Websites mit deutschen Nutzern sind zwei DSGVO-Konfigurationen erforderlich:

3a: Content Masking konfigurieren

In Clarity unter Settings → Content Masking koennen Sie festlegen, welche Inhalte in Session Recordings maskiert werden. Clarity bietet drei Stufen:

Empfehlung fuer den deutschen Markt: "Balanced" als Mindestanforderung. Fuer Websites mit Nutzerkonten oder sensiblen Daten: "Strict".

3b: Cookie-Consent-Integration

Clarity muss in Deutschland nach aktiver Einwilligung geladen werden. Integrieren Sie Clarity in Ihr Cookie-Consent-System:

Laden Sie die vollstaendigen DSGVO-Informationen zu Clarity in Ihrer Datenschutzerklaerung: Anbieter (Microsoft), Zweck (UX-Analyse), Cookies (_clck 12 Monate, _clsk 1 Tag), Rechtsgrundlage (Einwilligung Art. 6 I a DSGVO), Datentransfer USA (DPF-zertifiziert). Mehr Details in unserem Artikel Microsoft Clarity und DSGVO.

Schritt 4: Google Analytics 4 verknuepfen

Die GA4-Integration ist eines der leistungsstärksten Features von Clarity. Nach der Verknuepfung koennen Sie:

So richten Sie die Integration ein:

  1. Clarity Dashboard → Settings → Integrations → Google Analytics
  2. "Connect" klicken und sich mit dem Google-Konto anmelden, das GA4-Zugriff hat
  3. GA4-Property auswaehlen → "Save"
  4. Daten sind nach 24-48 Stunden in Clarity sichtbar

Schritt 5: Ersten Daten pruefen und validieren

Nach der Installation: Oeffnen Sie Ihre Website in einem privaten Browser-Fenster und navigieren Sie auf mehreren Seiten. Warten Sie 5 Minuten, dann oeffnen Sie das Clarity-Dashboard. Sie sollten unter "Recordings" Ihre eigene Session sehen. Wenn ja, ist die Installation erfolgreich.

Fuer aussagekraeftige Heatmaps benoetigen Sie ca. 500-1000 Sessions pro Seite. Je nach Traffic dauert das 1-7 Tage.

Heatmaps richtig nutzen: Praxisleitfaden

Click Heatmaps auswerten

Oeffnen Sie die Heatmap einer Seite → wechseln Sie zum Click-Tab. Was Sie suchen:

Scroll Maps fuer Content-Planung nutzen

Scroll Maps sind besonders wertvoll fuer Landingpages und Produktseiten:

Heatmaps nach Geraet segmentieren

Klicken Sie in der Heatmap-Ansicht oben auf "Device" und vergleichen Sie Desktop und Mobile. Typische Unterschiede:

Session Recordings effektiv nutzen

Die wichtigsten Filter

Statt willkuerlich Sessions zu schauen, nutzen Sie diese Filterkombinationen:

Filter 1: Checkout-Abbrueche analysieren

Einstiegsseite enthält "/checkout" ODER "/warenkorb" + Austrittsseite ist NICHT "/danke" oder "/bestellbestaetigung". Diese Sessions zeigen alle Nutzer, die den Kaufprozess begonnen aber nicht abgeschlossen haben.

Filter 2: Kritische Frustrations-Sessions

Rage Clicks = "Ja" + Sessiondauer > 2 Minuten. Diese Nutzer haben sich lange auf Ihrer Seite bemuehigt, waren aber so frustriert, dass sie wiederholte Male geklickt haben. Schauen Sie, wo der Rage Click passierte.

Filter 3: Mobile mit Quick Backs

Geraet = "Mobile" + Quick Back = "Ja". Mobile-Nutzer, die eine Seite kurz geoeffnet und sofort wieder verlassen haben. Haeufige Ursache: Seite zu langsam oder Content nicht mobile-optimiert.

Filter 4: Hochwertige Nutzer (via GA4)

Nach GA4-Verknuepfung: GA4-Segment = "Kaeufer" oder "High Value Users". Sehen Sie, wie Ihre besten Kunden die Website nutzen — und modellieren Sie das Erlebnis fuer andere Nutzer entsprechend.

Wie viele Sessions muessen Sie sich anschauen?

Fuer qualitative Insights reichen typischerweise 20-30 Sessions pro Analysethema aus. Der Ertrag nimmt danach stark ab — nach 30 Sessions sehen Sie selten noch neue Muster. Wichtig: Suchen Sie nach Mustern, nicht nach Einzelfaellen. Wenn dasselbe Problem in 5 von 20 Sessions auftaucht, ist es systematisch.

Clarity Copilot: KI-gestuetzte Analyse

Seit 2024 bietet Clarity den Copilot — einen KI-Assistenten basierend auf GPT-4, der Ihre Clarity-Daten analysiert und in natuerlicher Sprache Fragen beantwortet.

Sinnvolle Fragen an Clarity Copilot:

Der Copilot liefert kontextbezogene Antworten mit direkten Links zu relevanten Sessions und Heatmaps. Er ist ein guter Einstiegspunkt, aber ersetzt keine manuelle Analyse — er uebersieht manchmal subtile Muster, die menschliche Augen in Sessions erkennen wuerden.

Einschraenkung: Copilot ist aktuell nur in English verfuegbar. Die zugrundeliegenden Daten sind sprachunabhaengig — nur die Interface-Sprache ist English.

Data Export API: Programmatischer Datenzugriff

Fuer fortgeschrittene Nutzer und Agenturen bietet Clarity eine Data Export API, die aggregierte Metriken programmatisch abrufbar macht.

Was die API liefert

Die API liefert taeglich aggregierte Metriken pro Zeitraum:

API-Zugriff einrichten

In den Clarity-Einstellungen unter Settings → Data Export generieren Sie einen Bearer-Token. Dieser Token wird fuer alle API-Anfragen benoetigt.

Beispiel-Anfrage:

GET https://www.clarity.ms/export-data/api/v1/project-live-insights
Authorization: Bearer IHR-API-TOKEN
Parameters:
  - projectId: IHR-PROJEKT-ID
  - numOfDays: 1 (1, 2 oder 3 Tage zurueck)
  - metricType: overview

API-Limits

Die Clarity API hat ein Limit von 10 Anfragen pro Tag und Projekt. Ausserdem koennen nur Daten der letzten 3 Tage abgerufen werden. Das bedeutet: Wenn Sie historische Trends aufbauen wollen, muessen Sie die Daten taeglich abrufen und lokal speichern.

Loesung fuer das API-Limit: ClarityInsights ruft Ihre Clarity-Daten taeglich automatisch ab, speichert sie in einer strukturierten Datenbank und baut historische Trends auf. So haben Sie immer Zugriff auf die Daten — auch nach 90 Tagen — und muessen das API-Limit nicht selbst managen.

DSGVO-Hinweise: Clarity DSGVO-konform einsetzen

Fuer Websites mit deutschen Nutzern sind folgende DSGVO-Massnahmen Pflicht:

Pflichtmassnahmen

MassnahmeWarumWie
Cookie-Consent-BannerClarity setzt First-Party-Cookies (nicht technisch notwendig)Cookiebot, Borlabs, Consentmanager oder GTM Consent Mode
Datenschutzerklaerung aktualisierenArt. 13/14 DSGVO: InformationspflichtClarity als Dienst mit Anbieter, Zweck, Cookies und Datentransfer beschreiben
AuftragsverarbeitungsvertragArt. 28 DSGVO: AVV mit Microsoft erforderlichMicrosoft DPA (wird automatisch durch Nutzung akzeptiert, aber dokumentieren)
Content Masking konfigurierenVerhindern der unbeabsichtigten Erfassung pers. DatenClarity Settings → Content Masking → Balanced oder Strict

Datenschutzerklaerung: Was zu Clarity hineinmuss

Datenschutz FAQ

Nutzt Microsoft Clarity-Daten fuer Werbung?

Nein. Microsoft hat vertraglich festgelegt, dass Clarity-Daten ausschliesslich fuer das jeweilige Projekt verwendet werden. Die Daten werden nicht mit Microsoft-Werbeprodukten verknuepft. Das unterscheidet Clarity positiv von Google Analytics, wo Daten mit dem Werbenetzwerk verbunden werden koennen.

Werden IP-Adressen in Clarity gespeichert?

Nein. Microsoft gibt an, IP-Adressen zu anonymisieren und nicht zu speichern. Das Herkunftsland der Nutzer ist sichtbar, aber nicht die exakte IP.

Kann ich Clarity ohne Cookies betreiben?

Nein. Clarity benoetigt Cookies fuer die Session-Identifikation. Ein Cookie-freier Modus wie bei Matomo oder Plausible existiert nicht. Das bedeutet: Cookie-Consent ist Pflicht.

Was ist das Risiko des US-Datentransfers?

Microsoft ist unter dem EU-US Data Privacy Framework (DPF) zertifiziert. Das schafft eine Rechtsgrundlage fuer US-Datentransfers. Allerdings besteht das Restrisiko, dass das DPF vom EuGH fuer ungueltig erklaert wird (wie zuvor der Privacy Shield). Empfehlung: Standardvertragsklauseln (SCCs) als Backup-Rechtsgrundlage dokumentieren.

Clarity allein vs. Clarity + ClarityInsights

Microsoft Clarity ist ein hervorragendes Datenerhebungs-Tool. Das groesste Problem: Die Daten muessen manuell ausgewertet werden. Fuer ein-Personen-Teams, kleine Shops oder Agenturen mit vielen Kunden ist das ein erheblicher Zeitaufwand.

Was Clarity allein kann und nicht kann

FaehigkeitClarity alleinClarity + ClarityInsights
Heatmaps ansehenJa, manuellJa, + automatische Highlights
Sessions analysierenJa, manuellJa, + automatische Priorisierung
Rage Clicks identifizierenJa, manuell filternAutomatisch im Bericht
Woedhentliche ZusammenfassungManuell erstellen (2-3h)Automatisch per E-Mail, Montag
Trend-Vergleich Woche/MonatManuell vergleichenAutomatisch im Bericht
BranchenbenchmarksNicht verfuegbarIm Bericht enthalten
KI-EmpfehlungenCopilot (English only)Auf Deutsch, priorisiert
Mehrere Kunden-ShopsManuell pro ProjektZentrales Dashboard + Reports
Historische Daten > 90 TageNicht verfuegbarUnbegrenzt gespeichert

Fuer wen lohnt sich ClarityInsights?

Microsoft Clarity + Automatische CRO-Berichte

ClarityInsights verbindet Ihre Clarity- und GA4-Daten und liefert jeden Montag einen KI-generierten Bericht mit den wichtigsten Optimierungsmoeglichkeiten. Kein manueller Aufwand. Auf Deutsch.

Kostenlos testen — Lite ab $49/Monat

Best Practices: Clarity richtig nutzen

1. Frustrationssignale woedhentlich pruefen

Setzen Sie sich jeden Montag 30 Minuten, um die Rage-Click-Rate der letzten Woche zu pruefen. Vergleichen Sie mit der Vorwoche. Wenn die Rate steigt, wurde ein neues UX-Problem eingefuehrt (z. B. durch ein Website-Update). Wenn sie sinkt, haben Ihre letzten Optimierungen gewirkt.

2. Heatmaps nach Releases ueberpruefen

Nach jedem Website-Update oder neuen Feature: Heatmap der betroffenen Seiten direkt nach dem Release oeffnen und nach unerwarteten Click-Mustern oder neuen Dead Clicks suchen. Viele UX-Probleme entstehen durch Releases — und Clarity zeigt sie sofort.

3. Scroll-Tiefe fuer Content-Entscheidungen nutzen

Bevor Sie einen Blog-Artikel ueberarbeiten oder eine Produktbeschreibung aendern: Schauen Sie, wie weit Nutzer aktuell lesen. Wenn 70 % nach dem ersten Abschnitt aufhoeren, ist das Problem nicht der Rest des Artikels — es ist der Einstieg, der nicht fesselt.

4. Mobile priorisieren

Filtern Sie Recordings und Heatmaps immer nach Geraet und schauen Sie Mobile zuerst an. Mobile-Nutzer machen bei deutschen E-Commerce-Shops 60-70 % des Traffics aus — und haben oft eine deutlich schlechtere Nutzererfahrung als Desktop-Nutzer.

5. Regelmässig statt einmalig

10 Sessions pro Woche regelmaessig analysieren ist wertvoller als 200 Sessions einmal im Quartal. Regelmaessige Analyse baut Intuition auf und ermoeglicht es, Probleme fruehzeitig zu erkennen, bevor sie signifikante Conversion-Verluste verursachen.

Haeufige Fragen (FAQ)

Ist Microsoft Clarity kostenlos?

Ja, Microsoft Clarity ist vollstaendig kostenlos — ohne Datenlimits, ohne Session-Beschraenkung und ohne versteckte Kosten. Es gibt keine Premium-Stufe oder bezahlte Upgrade-Option. Microsoft finanziert das Tool intern als Demonstration von KI- und Cloud-Faehigkeiten.

Wie schnell sind Clarity-Daten verfuegbar?

Session Recordings und Heatmaps erscheinen typischerweise innerhalb von 2 Stunden nach der Tracking-Code-Installation. Fuer aussagekraeftige Heatmaps benoetigen Sie mindestens 500-1000 Sessions auf einer Seite, was je nach Traffic 1-7 Tage dauert.

Verlangsamt Clarity meine Website?

Nein — das Clarity-Script ist asynchron und blockiert das Rendering nicht. Die Script-Groesse betraegt ca. 20 KB. In unabhaengigen Tests hat Clarity einen minimalen Impact auf Core Web Vitals, der fuer normale Websites vernachlaessigbar ist.

Brauche ich fuer Clarity ein Cookie-Banner?

Ja. Clarity setzt First-Party-Cookies fuer die Session-Identifikation. Gemaess TDDDG und ePrivacy-Richtlinie ist eine aktive Einwilligung erforderlich. Mehr Details: Microsoft Clarity und DSGVO.

Wie lange speichert Clarity die Daten?

Session Recordings werden 90 Tage gespeichert. Aggregierte Metriken im Dashboard sind laenger verfuegbar. Die Data Export API liefert Daten fuer bis zu 3 Tage zurueck pro Abruf.

Kann ich Clarity fuer mehrere Websites nutzen?

Ja, Sie koennen beliebig viele Projekte in Clarity erstellen — jedes fuer eine andere Website oder Subdomain. Es gibt kein Limit bei der Anzahl der Projekte.

Fazit

Microsoft Clarity ist das Beste, was der Web-Analytics-Markt in den letzten Jahren hervorgebracht hat: Ein vollstaendiges UX-Analysetool mit Heatmaps, Session Recordings, KI-Analyse und API-Zugriff — komplett kostenlos. Die DSGVO-freundliche Konfiguration, die native GA4-Integration und die automatische Frustrationserkennung machen es zur Pflichtinstallation fuer jeden Online-Shop und jede Website, die ihre Conversion Rate verbessern will.

Installieren Sie Clarity noch heute. In 10 Minuten laeuft es. In 7 Tagen haben Sie die ersten Daten. In 30 Tagen wissen Sie mehr ueber Ihre Nutzer als in den letzten Jahren.

Clarity-Daten automatisch auswerten lassen

ClarityInsights verbindet Microsoft Clarity mit GA4 und erstellt jeden Montag einen automatischen KI-Bericht — auf Deutsch, mit priorisierten Handlungsempfehlungen. Fuer Shops und Agenturen.

Jetzt starten — Lite ab $49/Monat