Microsoft Clarity: Komplette Anleitung (2026)
Microsoft Clarity ist ein kostenloses Analysetool, das zeigt, wie Besucher Ihre Website wirklich nutzen. Diese Anleitung deckt alles ab: von der Installation über Heatmaps und Session-Recordings bis hin zu Copilot AI und der Data-Export-API.
Was ist Microsoft Clarity?
Microsoft Clarity ist ein kostenloses UX-Analyse-Tool, das 2020 von Microsoft veröffentlicht wurde. Anders als klassische Web-Analytics-Tools wie Google Analytics, die sich auf Seitenaufrufe und Absprungraten konzentrieren, zeigt Clarity das tatsächliche Verhalten jedes einzelnen Nutzers: wo er klickt, wie weit er scrollt und was ihn frustriert.
Das Tool ist komplett kostenlos — ohne Limits bei Sessions oder Seitenaufrufen. Es respektiert die DSGVO durch automatisches Maskieren sensibler Daten und verlangsamt Ihre Website nicht, da das asynchrone Skript unter 20 KB liegt.
Die wichtigsten Funktionen von Microsoft Clarity
Heatmaps (Wärmekarten)
Die Heatmaps von Clarity bieten drei verschiedene Ansichten:
- Click Maps: Zeigen, wo Nutzer auf jeder Seite klicken. Unverzichtbar, um ignorierte Bereiche und versehentliche Klicks zu erkennen.
- Scroll Maps: Zeigen den Prozentsatz der Besucher, die jeden Abschnitt der Seite erreichen. Wenn 80 % Ihrer Nutzer nicht über den ersten Bildschirm hinaus scrollen, gibt es ein Problem mit Ihrem Content oder Layout.
- Area Maps: Gruppieren Klicks nach Bereichen (Navigation, Sidebar, Footer) für eine blockweise Analyse statt pixelgenauer Betrachtung.
Session-Recordings (Sitzungsaufzeichnungen)
Die Session Recordings sind Video-Replays des Nutzerverhaltens. Clarity zeichnet Mausbewegungen, Klicks, Scrollen und Seitenwechsel auf. Jede Sitzung kann nach Gerät, Land, Einstiegsseite oder Frustrationssignalen gefiltert werden.
Dies ist wahrscheinlich die leistungsstärkste Funktion von Clarity: Statt zu raten, warum ein Nutzer ein Formular abgebrochen hat, können Sie genau sehen, was passiert ist.
Frustrationssignale
Clarity erkennt automatisch drei Arten von Frustration:
- Rage Clicks: Der Nutzer klickt schnell und wiederholt auf dasselbe Element. Das deutet auf einen defekten Button, einen nicht reagierenden Link oder ein Element hin, das wie ein Button aussieht, aber keiner ist.
- Dead Clicks: Der Nutzer klickt auf ein nicht-interaktives Element — ein unterstrichener Text, ein Bild, das wie ein Link aussieht, oder ein CTA ohne Verlinkung.
- Quick Backs: Der Nutzer navigiert zu einer Seite und kehrt sofort zurück. Ein Zeichen dafür, dass der Inhalt nicht den Erwartungen entspricht.
Dashboard und wichtige Metriken
Das Dashboard von Clarity zeigt in Echtzeit:
| Metrik | Beschreibung |
|---|---|
| Gesamtsessions | Anzahl der Sessions im gewählten Zeitraum |
| Seiten pro Session | Durchschnittliche Anzahl besuchter Seiten |
| Scroll-Tiefe | Durchschnittliche Scroll-Tiefe |
| Dead Clicks | Prozentsatz der Sessions mit toten Klicks |
| Rage Clicks | Prozentsatz der Sessions mit Wutklicks |
| Quick Backs | Prozentsatz der Sessions mit sofortiger Rückkehr |
| Engagement Rate | Prozentsatz aktiver Sessions (Scroll, Klick, Navigation) |
Microsoft Clarity installieren: Schritt für Schritt
1. Projekt erstellen
Gehen Sie zu clarity.microsoft.com und melden Sie sich mit Ihrem Microsoft-, Google- oder Facebook-Konto an. Klicken Sie auf „New Project", geben Sie den Namen Ihrer Website ein und fügen Sie die URL hinzu.
2. Tracking-Code einbinden
Clarity generiert ein JavaScript-Snippet, das Sie in den <head>-Bereich jeder Seite einfügen müssen. Das Skript ist asynchron und blockiert nicht das Rendering Ihrer Seite.
Für WordPress gibt es ein offizielles Plugin „Microsoft Clarity", das die Einbindung mit einem Klick erledigt. Für Shopify fügen Sie den Code in die theme.liquid-Datei ein. Bei Google Tag Manager erstellen Sie ein benutzerdefiniertes HTML-Tag.
3. DSGVO-Einstellungen konfigurieren
Unter „Settings → Content masking" können Sie festlegen, welche Inhalte maskiert werden sollen. Clarity bietet drei Stufen:
- Strict: Alle Texte werden maskiert — empfohlen für DSGVO-Konformität
- Balanced: Nur sensible Felder werden maskiert
- Relaxed: Nur explizit markierte Felder werden maskiert
4. Google Analytics verknüpfen
Clarity lässt sich direkt mit Google Analytics 4 verbinden. Nach der Verknüpfung können Sie GA4-Metriken direkt im Clarity-Dashboard sehen und Sessions nach GA4-Segmenten filtern.
Clarity Copilot: KI-gestützte Analyse
Seit 2024 bietet Clarity den Copilot — einen KI-Assistenten, der Ihre Daten automatisch analysiert und Handlungsempfehlungen gibt. Copilot beantwortet Fragen wie:
- „Welche Seiten haben die höchste Frustration?"
- „Warum brechen Nutzer den Checkout ab?"
- „Welche Elemente werden am häufigsten ignoriert?"
Der Copilot nutzt die gesamten Clarity-Daten und liefert kontextbezogene Antworten mit direkten Links zu relevanten Sessions und Heatmaps.
Data Export API: Daten automatisch exportieren
Für fortgeschrittene Nutzer bietet Clarity eine Data Export API. Damit können Sie Ihre Clarity-Daten programmatisch abrufen und in eigene Dashboards oder Reports integrieren.
Die API liefert aggregierte Metriken pro Tag: Sessions, Seitenaufrufe, Scroll-Tiefe, Frustrationssignale und mehr. Der Zugriff erfolgt über einen Bearer-Token, den Sie in den Clarity-Einstellungen generieren.
Microsoft Clarity vs. andere Tools
| Feature | Clarity | Hotjar | FullStory |
|---|---|---|---|
| Preis | Kostenlos | Ab 39 €/Monat | Ab 199 $/Monat |
| Session-Limit | Unbegrenzt | 35/Tag (Free) | 1.000/Monat (Free) |
| Heatmaps | Ja | Ja | Ja |
| Frustrationssignale | Ja | Teilweise | Ja |
| KI-Copilot | Ja | Nein | Nein |
| DSGVO-Maskierung | Automatisch | Manuell | Manuell |
| API | Ja | Nein (Free) | Ja |
Der größte Vorteil von Microsoft Clarity ist die Kombination aus unbegrenzten Sessions, automatischer DSGVO-Konformität und dem KI-Copilot — alles komplett kostenlos. Kein anderes Tool bietet dieses Paket.
Best Practices für Microsoft Clarity
1. Frustrationssignale priorisieren
Beginnen Sie immer mit den Rage Clicks. Diese zeigen die Stellen, an denen Nutzer am meisten frustriert sind. Oft reicht es, einen defekten Link zu reparieren oder ein irreführendes Design anzupassen, um die Nutzererfahrung deutlich zu verbessern.
2. Scroll-Tiefe analysieren
Wenn wichtige Inhalte oder CTAs unterhalb der durchschnittlichen Scroll-Tiefe liegen, werden sie von der Mehrheit der Nutzer nie gesehen. Verschieben Sie kritische Elemente nach oben oder verbessern Sie den visuellen Fluss der Seite.
3. Segmente nutzen
Vergleichen Sie das Verhalten verschiedener Nutzergruppen: Mobile vs. Desktop, neue vs. wiederkehrende Besucher, verschiedene Traffic-Quellen. Oft verhalten sich Mobile-Nutzer komplett anders als Desktop-Nutzer.
4. Regelmäßig prüfen
Schauen Sie sich wöchentlich mindestens 10-20 Sessions an. Suchen Sie nach Mustern, nicht nach einzelnen Vorfällen. Wenn mehrere Nutzer an derselben Stelle scheitern, ist das ein systematisches Problem.
Fazit
Microsoft Clarity ist das beste kostenlose Tool zur Analyse des Nutzerverhaltens auf Ihrer Website. Die Kombination aus Heatmaps, Session-Recordings, Frustrationssignalen und dem KI-Copilot macht es zu einem unverzichtbaren Werkzeug für jeden Website-Betreiber. Installieren Sie es noch heute und beginnen Sie, Ihre UX datenbasiert zu verbessern.
Automatische Clarity-Berichte gewünscht?
ClarityInsights analysiert Ihre Daten und sendet einen AI-Bericht mit UX-Empfehlungen.
Zur Warteliste