Microsoft Clarity: Kostenlose Heatmaps und Session Recordings

Microsoft Clarity zeigt dir, was Besucher auf deiner Website wirklich tun: wohin sie klicken, wie weit sie scrollen und an welcher Stelle sie frustriert aufgeben. Das Tool kostet nichts, kennt laut Microsoft keine Traffic-Limits und liefert Heatmaps, Session Recordings und KI-Zusammenfassungen in einem Dashboard. In diesem Guide erfährst du, wie du Clarity einrichtest, DSGVO-konform betreibst und die Daten für bessere Conversions nutzt.

Was ist Microsoft Clarity?

Microsoft Clarity ist ein kostenloses Analysetool für das Nutzerverhalten auf Websites und in Apps. Während Google Analytics 4 dir Zahlen liefert, also Sitzungen, Quellen und Conversions, beantwortet Clarity die Frage nach dem Warum. Du siehst, wie sich Menschen durch deine Seiten bewegen, und erkennst Reibungspunkte, die in klassischen Reports unsichtbar bleiben.

Laut offizieller Clarity-FAQ von Microsoft ist der Dienst dauerhaft kostenlos. Es gibt keine Begrenzung für die Zahl der Websites pro Konto und keinen Zwang zum Upgrade auf eine Bezahlversion. Die Daten speichert Microsoft in der Azure-Cloud.

Für Marketing-Teams, Shop-Betreiber und SEOs ist das ein starkes Argument. Microsoft Clarity senkt die Einstiegshürde für qualitative Webanalyse praktisch auf null.

Die Funktionen von Microsoft Clarity im Überblick

Der Funktionsumfang ist für ein Gratis-Tool beachtlich. Die wichtigsten Bausteine findest du hier, beschrieben nach der offiziellen Dokumentation auf learn.microsoft.com.

Heatmaps: Klicks, Scrolltiefe und Aufmerksamkeit

Heatmaps fassen das Verhalten vieler Besucher in einer farbigen Grafik zusammen. Rote Bereiche zeigen viel Aktivität, blaue wenig. Microsoft Clarity bietet dir Klick-Heatmaps, Scroll-Heatmaps und Bereichsansichten, jeweils getrennt nach Desktop, Tablet und Smartphone.

• Klick-Heatmap: Welche Elemente ziehen Klicks an, welche werden ignoriert?
• Scroll-Heatmap: Bis wohin scrollt ein Großteil der Besucher, und sieht er deinen Call-to-Action überhaupt?
• Bereichs-Heatmap: Wie verteilt sich die Interaktion auf ganze Seitenabschnitte wie Navigation, Hero oder Produktliste?

Wichtig für die Interpretation: Eine Heatmap basiert laut Microsoft auf bis zu 100.000 Seitenaufrufen. Bei sehr großen Websites siehst du also eine Stichprobe, keine Vollerhebung.

Session Recordings: Besuche nachträglich ansehen

Mit Session Recordings spielst du einzelne Besuche wie ein Video ab. Du siehst Mausbewegungen, Klicks, Scrollen und Seitenwechsel.

Microsoft Clarity zeichnet laut FAQ bis zu 100.000 Sessions pro Projekt und Tag auf. Aufnahmen bleiben 30 Tage gespeichert. Als Favorit markierte Recordings und eine zufällige Stichprobe hebt Microsoft bis zu neun Monate auf. Speicher also gute Beispiele früh als Favorit, wenn du sie später im Team zeigen willst.

Filter machen die Recordings erst wirklich nützlich. Du kannst nach Gerät, Land, Traffic-Quelle, besuchter URL, Sitzungsdauer oder bestimmten Verhaltensmustern filtern. So findest du in wenigen Minuten genau die Sessions, die für deine Fragestellung relevant sind.

Rage Clicks, Dead Clicks und weitere Frust-Signale

Microsoft Clarity markiert problematische Sitzungen automatisch. Microsoft nennt diese Kennzahlen semantische Metriken. Sie sind der schnellste Weg zu echten UX-Problemen.

• Rage Clicks: Ein Nutzer klickt mehrfach schnell hintereinander in denselben Bereich. Das deutet auf Frust hin, oft bei Elementen, die klickbar wirken, aber nicht reagieren.
• Dead Clicks: Ein Klick bleibt ohne sichtbare Reaktion. Mögliche Ursachen sind defekte Elemente, langsame Server-Antworten oder irreführendes Design.
• Excessive Scrolling: Die Sitzung enthält deutlich mehr vertikales Scrollen als üblich. Das kann auf schlechte Auffindbarkeit oder wenig relevante Inhalte hindeuten.
• Quick Backs: Besucher verlassen eine Seite und kehren sehr schnell zurück. Die Navigation hat ihnen offenbar nicht geholfen.
• JavaScript-Fehler und Klickfehler: Clarity listet Skriptfehler auf und markiert Sitzungen, in denen ein Klick einen Fehler ausgelöst hat.

Jede dieser Metriken verknüpft Clarity direkt mit passenden Recordings. Du springst also von der Zahl im Dashboard sofort zur konkreten Sitzung und siehst, was passiert ist.

Dashboard und Insights

Das Dashboard von Microsoft Clarity bündelt die wichtigsten Werte: Sitzungen, Seiten pro Sitzung, Scrolltiefe, aktive Zeit und die Anteile der Frust-Signale. Dazu kommen Auswertungen zu Top-Seiten, Geräten, Browsern und Herkunftsländern. Für einen schnellen Wochencheck reicht dieser Blick oft aus.

Copilot in Clarity: KI-Zusammenfassungen

Mit Copilot in Clarity hat Microsoft generative KI direkt ins Tool integriert. Laut offizieller Dokumentation umfasst Copilot aktuell diese Funktionen:

• Chat: Du stellst Fragen zu deinem Projekt und erhältst kurze Zusammenfassungen als Antwort.
• Session Insights: Copilot fasst die wichtigsten Erkenntnisse einer Aufnahme in Klartext zusammen.
• Grouped Session Insights: Zusammenfassungen über mehrere Recordings gleichzeitig.
• Heatmap Insights: Eine Zusammenfassung der Heatmaps einer Seite über alle drei Gerätetypen.
• Ad Campaign Insights: Kampagnenkennzahlen kombiniert mit Verhaltensdaten aus Clarity.

Du aktivierst oder deaktivierst die einzelnen Funktionen unter Settings, Copilot. Microsoft weist selbst darauf hin, dass generative KI Inhalte falsch interpretieren kann. Nutze Copilot daher als Abkürzung zur relevanten Stelle und prüf jede Aussage im Recording nach, bevor du daraus eine Entscheidung ableitest.

Integration mit Google Analytics 4

Viele Teams nutzen Microsoft Clarity parallel zu GA4. Nach der Verknüpfung zeigt dir Clarity ein eigenes Google-Analytics-Dashboard mit Audience-Übersicht, Akquisitionsbericht nach Kanal und Source/Medium, beliebten Seiten sowie Sitzungen nach Land und Gerät. Von dort springst du direkt zu den passenden Heatmaps und Recordings.

Die Grenzen solltest du kennen. Das GA-Dashboard unterstützt laut Microsoft keine Filter oder Segmente, nur den Zeitraum-Filter auf einzelnen Karten. Segmente aus GA4 übernimmt Clarity derzeit nicht, und die Playback-URL der Aufnahmen schickt Clarity nicht an GA4. Für die Verknüpfung brauchst du Account-ID, Property-ID und Mess-ID deiner GA4-Property. Wenn du in GA4 bereits KI-Quellen trennst, passt das gut zusammen. Wie du das einrichtest, zeigt unser Beitrag zu KI-Traffic in GA4.

Microsoft Clarity einrichten: Schritt für Schritt

Die Einrichtung dauert in der Regel nur wenige Minuten. So gehst du vor:

1. Konto anlegen: Melde dich auf clarity.microsoft.com an, zum Beispiel mit deinem Microsoft-Konto.
2. Projekt erstellen: Lege pro Website ein Projekt an. Die Zahl der Projekte ist laut FAQ nicht begrenzt.
3. Installationsweg wählen: Unter Settings, Setup stehen drei Varianten bereit. Für Plattformen wie WordPress, Shopify, Wix oder Squarespace gibt es eigene Integrationen. Alternativ kopierst du den Tracking-Code manuell in den <head>-Bereich. Für Web-Apps bietet Microsoft ein npm-Paket an.
4. Consent anbinden: Verknüpfe Clarity mit deinem Cookie-Banner, bevor das Skript Daten sammelt. Details dazu folgen im nächsten Abschnitt.
5. Installation prüfen: Öffne deine Website, rufe in den Entwicklertools den Netzwerk-Tab auf und achte auf POST-Anfragen an clarity.ms/collect. Im Dashboard siehst du außerdem sofort Live-Nutzer.
6. Maskierung festlegen: Kontrolliere unter Settings, Masking, welche Inhalte Clarity ausblendet.
7. GA4 verknüpfen: Optional, aber praktisch für die gemeinsame Auswertung.

Läuft bei dir ein Tag-Manager, kannst du Clarity auch darüber ausspielen. Entscheidend ist, dass das Tag erst nach Einwilligung feuert oder die Consent API korrekt bedient wird.

Datenschutz und DSGVO: Microsoft Clarity in Deutschland nutzen

Beim Datenschutz entscheidet sich, ob du Clarity in Deutschland sauber einsetzen kannst. Microsoft liefert dafür eigene Werkzeuge wie den Consent Mode und eine mehrstufige Maskierung. Die Verantwortung für die rechtskonforme Nutzung liegt trotzdem bei dir als Websitebetreiber. Dieser Abschnitt ersetzt keine Rechtsberatung.

Einwilligung ist Pflicht

Microsoft Clarity setzt Cookies wie _clck und _clsk und wertet das Verhalten deiner Besucher detailliert aus. Nach § 25 TDDDG brauchst du für den Zugriff auf Endgeräte, der nicht unbedingt erforderlich ist, eine Einwilligung. Ein reines Analyse- und Aufzeichnungstool fällt nicht unter die Ausnahme. Clarity gehört deshalb hinter dein Cookie-Banner, mit einer klaren Beschreibung in der Datenschutzerklärung.

Microsoft setzt diese Pflicht inzwischen technisch durch. Seit dem 31. Oktober 2025 verlangt Clarity laut offizieller Consent-Mode-Dokumentation ein gültiges Consent-Signal für Besuche aus dem Europäischen Wirtschaftsraum, Großbritannien und der Schweiz. Der Consent Mode ist für diese Regionen standardmäßig aktiv.

So funktioniert die Consent API v2

Clarity erwartet zwei Signale, die du von Google Consent Mode kennst: analytics_storage und ad_storage, jeweils mit dem Wert granted oder denied. Nutzt du eine eigene Lösung, übergibst du die Entscheidung so:

window.clarity('consentv2', { ad_Storage: "denied", analytics_Storage: "granted" });

Was passiert ohne Zustimmung? Microsoft Clarity arbeitet dann in einem No-Consent-Modus mit eingeschränktem Tracking. Es setzt keine Cookies und vergibt eine eindeutige ID pro Seitenaufruf, statt Sitzungen über mehrere Seiten zu verbinden. Widerruft jemand seine Einwilligung, löscht Clarity laut Dokumentation bestehende Cookies, beendet die aktuelle Session und arbeitet fortan im No-Consent-Modus.

Viele Consent-Management-Plattformen bieten eigene Clarity-Integrationen an. Prüf nach der Einrichtung im Browser, ob das Signal ankommt. Microsoft beschreibt dafür einen Konsolenbefehl, der den aktuellen Status für analytics_storage und ad_storage ausgibt.

Maskierung sensibler Inhalte

Microsoft Clarity maskiert sensible Inhalte, bevor sie den Browser verlassen. Du wählst zwischen drei Stufen:

• Strict: Sämtlicher Text wird maskiert.
• Balanced (Standard): Nur als sensibel eingestufte Inhalte wie Zahlen und E-Mail-Adressen werden maskiert.
• Relaxed: Keine Textmaskierung, Eingabefelder und Dropdowns bleiben aber verborgen.

Eingaben in Formularfeldern maskiert Clarity in allen Modi. Zusätzlich steuerst du einzelne Bereiche per HTML-Attribut: data-clarity-mask="True" blendet ein Element samt Inhalt aus, data-clarity-unmask="true" gibt es frei. Nutze das für Kundenkonten, Bestellübersichten oder Bereiche mit Gesundheits- oder Finanzdaten. Im Zweifel gilt: lieber Strict für sensible Seiten und Balanced für den Rest.

Checkliste für den DSGVO-konformen Einsatz

• Microsoft Clarity nur nach Einwilligung laden oder Consent API v2 korrekt bedienen.
• Datenschutzerklärung um Clarity ergänzen: Zweck, Anbieter, Cookies, Speicherdauer, Drittlandtransfer.
• Maskierung prüfen und sensible Bereiche gezielt ausblenden.
• Nutzungsbedingungen von Clarity lesen und die Rolle von Microsoft im Datenschutzkonzept dokumentieren.
• Datenübermittlung in die USA bewerten. Microsoft ist unter dem EU-US Data Privacy Framework zertifiziert. Behalte die laufende rechtliche Debatte um dieses Abkommen im Blick.
• Bei Unsicherheit deinen Datenschutzbeauftragten einbinden.

Microsoft Clarity in der Praxis: Auswertung für die CRO

Das Tool entfaltet seinen Wert erst, wenn du es systematisch nutzt. Wer ziellos Recordings anschaut, verliert schnell Stunden. Bewährt hat sich ein Vorgehen von der Zahl zur Sitzung und von der Sitzung zur Hypothese. Das passt direkt in einen Prozess zur Conversion-Rate-Optimierung.

1. Mit einer Frage starten

Definiere vor jeder Analyse, was du wissen willst. Zum Beispiel: Warum brechen mobile Nutzer im Checkout ab? Warum klickt kaum jemand auf den Newsletter-Button? Warum ist die Absprungrate einer Landingpage plötzlich gestiegen? Die Frage bestimmt, welche Filter und Seiten du anschaust.

2. Auffällige Seiten identifizieren

Nutze GA4 oder dein Marketing-Dashboard, um Seiten mit hohem Traffic und schwacher Conversion zu finden. In Clarity sortierst du anschließend nach Rage Clicks, Dead Clicks oder Quick Backs. Seiten, die in beiden Welten auffallen, haben die höchste Priorität.

3. Heatmaps lesen

Vergleiche die Scroll-Heatmap mit der Position deiner wichtigsten Elemente. Liegt der Call-to-Action unterhalb der Linie, die ein Großteil der Besucher erreicht, hast du einen klaren Ansatzpunkt. In der Klick-Heatmap findest du Elemente, die wie Links aussehen, aber keine sind. Bilder, Icons und hervorgehobene Texte sind typische Kandidaten.

Schau dir Desktop und Smartphone immer getrennt an. Auf dem Handy verschieben sich Layouts, Buttons rutschen nach unten und Menüs verhalten sich anders. Eine gemischte Betrachtung verwischt genau die Unterschiede, die dich interessieren.

4. Recordings gezielt ansehen

Filtere auf die problematische Seite, das relevante Gerät und ein Frust-Signal. Zehn bis zwanzig Sitzungen reichen oft, um ein Muster zu erkennen. Notiere wiederkehrende Beobachtungen, statt Einzelfälle zu überbewerten. Copilot hilft dir dabei, mehrere Recordings vorab zusammenzufassen.

5. Hypothesen formulieren und testen

Aus jeder Beobachtung wird eine prüfbare Hypothese, etwa: Wenn wir den Button über die Falz holen, steigt die Klickrate auf dem Smartphone. Die Veränderung testest du anschließend per A/B-Test oder vergleichst klar abgegrenzte Zeiträume. Clarity zeigt dir danach, ob sich das Verhalten tatsächlich verändert hat. Welche Kennzahlen du dabei verfolgst, beschreibt unser Überblick zu Marketing-KPIs.

Typische Funde in der Praxis

• Nicht klickbare Elemente, die Klicks anziehen, etwa Produktbilder ohne Link oder unterstrichene Zwischenüberschriften.
• Formularfelder, an denen Besucher lange zögern oder die Eingabe abbrechen.
• Fehlerhafte Buttons nach Updates, sichtbar über Dead Clicks und Klickfehler.
• Versteckte Inhalte, die kaum jemand erreicht, weil die Seite zu lang ist.
• Mobile Layoutprobleme wie überlappende Banner oder zu kleine Tap-Flächen.

Besonders wertvoll ist das Tool nach einem Website Relaunch. Microsoft Clarity deckt dann schnell auf, wo es hakt. Neue Templates bringen oft unbemerkte Fehler mit, die sich in Rage Clicks und Dead Clicks zeigen, lange bevor sie in den Conversion-Zahlen auffallen.

Grenzen von Microsoft Clarity

So stark der Funktionsumfang ist, ein Allround-Tool ist Microsoft Clarity nicht. Diese Einschränkungen solltest du kennen:

• Kein Ersatz für GA4: Für Attribution, E-Commerce-Berichte und Conversion-Tracking brauchst du weiterhin eine klassische Webanalyse.
• Stichproben bei großem Traffic: Recordings sind auf 100.000 Sessions pro Projekt und Tag begrenzt, Heatmaps auf 100.000 Seitenaufrufe.
• Kurze Speicherdauer: Normale Recordings verschwinden nach 30 Tagen. Langfristige Vergleiche sind nur eingeschränkt möglich.
• Eingeschränkte Daten ohne Consent: Lehnen viele Besucher Cookies ab, fehlen dir sitzungsübergreifende Informationen.
• Technische Lücken: Inhalte in Iframes von Drittanbietern und Canvas-Elementen kann Clarity laut FAQ nicht darstellen.
• Keine Umfragen: Direktes Feedback deiner Besucher holst du mit Clarity nicht ein.
• KI mit Vorbehalt: Copilot-Zusammenfassungen können Fehler enthalten und ersetzen keinen prüfenden Blick.

Microsoft Clarity vs. Hotjar: der kurze Vergleich

Hotjar ist der bekannteste Wettbewerber und gehört seit 2021 zu Contentsquare. Beide Tools bieten Heatmaps und Session Recordings. Die Unterschiede liegen im Preismodell und in den Zusatzfunktionen.

• Preis: Clarity ist komplett kostenlos. Die Preisseite von Hotjar leitet inzwischen auf Contentsquare weiter. Dort gibt es einen Free-Plan und bezahlte Growth-Pläne ab 39 US-Dollar im Monat bei jährlicher Abrechnung (Stand Oktober 2026, Preise können sich ändern).
• Feedback: Hotjar bietet Umfragen und Feedback-Widgets. Clarity konzentriert sich auf Verhaltensdaten.
• KI: Clarity bringt mit Copilot KI-Zusammenfassungen ohne Aufpreis mit.
• Datenmenge: Clarity setzt auf großzügige Gratis-Kontingente, bei Hotjar hängt der Umfang vom gebuchten Plan ab.

Für die meisten kleinen und mittleren Websites reicht Microsoft Clarity vollständig aus. Brauchst du zusätzlich Umfragen, Nutzerinterviews oder tiefe Journey-Analysen, lohnt sich ein Blick auf bezahlte Alternativen. Viele Teams kombinieren auch beides: Clarity für das Verhalten, ein separates Tool für Feedback.

Fazit

Microsoft Clarity ist eines der stärksten Gratis-Werkzeuge im Online Marketing. Heatmaps, Session Recordings, automatische Frust-Signale und Copilot liefern dir Einblicke, für die du anderswo bezahlen müsstest. Gerade für die Conversion-Optimierung schließt Clarity die Lücke zwischen den Zahlen in GA4 und dem echten Verhalten deiner Besucher.

Der Schlüssel liegt in zwei Dingen. Erstens brauchst du eine saubere Consent-Umsetzung, denn ohne Einwilligung arbeitet Clarity in Europa nur eingeschränkt. Zweitens solltest du mit klaren Fragen analysieren, statt dich in Recordings zu verlieren. Wenn du beides beherzigst, wird Clarity schnell zu einem festen Baustein deiner datengetriebenen Optimierung.

Häufige Fragen zu Microsoft Clarity

Ist Microsoft Clarity wirklich kostenlos?

Ja. Laut Microsoft ist Clarity dauerhaft kostenlos, ohne Bezahlversion und ohne Begrenzung der Websites pro Konto. Aufgezeichnet werden bis zu 100.000 Sessions pro Projekt und Tag.

Ist Microsoft Clarity DSGVO-konform nutzbar?

Ja, wenn du Clarity erst nach Einwilligung lädst oder die Consent API v2 korrekt bedienst, sensible Inhalte maskierst und deine Datenschutzerklärung ergänzt. Seit Oktober 2025 verlangt Clarity für Besuche aus dem EWR, Großbritannien und der Schweiz ein Consent-Signal.

Wie lange speichert Microsoft Clarity Session Recordings?

Normale Aufnahmen speichert Clarity 30 Tage. Als Favorit markierte Recordings und eine zufällige Stichprobe bleiben bis zu neun Monate verfügbar, ebenso die Heatmaps.

Was sind Rage Clicks und Dead Clicks?

Rage Clicks sind mehrere schnelle Klicks in denselben Bereich und deuten auf Frust hin. Dead Clicks sind Klicks ohne sichtbare Reaktion, etwa auf defekte oder nur scheinbar klickbare Elemente.

Kann Microsoft Clarity Google Analytics ersetzen?

Nein. Clarity zeigt das Verhalten einzelner Besucher, GA4 liefert Attribution, Conversion-Tracking und E-Commerce-Berichte. Beide Tools ergänzen sich und lassen sich miteinander verknüpfen.