Microsoft Clarity ist ein kostenloses Tool von Microsoft für die Analyse des Nutzerverhaltens: Es zeichnet auf, wie Besucher mit Ihrer Website interagieren, und macht daraus Heatmaps, Session-Aufnahmen und Frustrationskennzahlen. Wenn Google Analytics Ihnen zeigt, dass Besucher eine Seite verlassen, hilft Microsoft Clarity zu verstehen, warum. Diese Anleitung erklärt, was Clarity misst, wie Sie es einrichten, wie der Einsatz DSGVO-konform gelingt und wie Sie damit Ihre Conversion-Rate verbessern.
Was ist Microsoft Clarity?
Microsoft Clarity ist ein kostenloses Behavioral-Analytics-Tool, das Klicks, Scrollbewegungen, Mausbewegungen und Touch-Eingaben auf Ihrer Website erfasst und visuell darstellt. Es gehört in dieselbe Kategorie wie Hotjar oder Crazy Egg, mit einem wichtigen Unterschied: Microsoft verlangt dafür kein Geld.
Clarity besteht aus drei Bausteinen:
- Heatmaps: aggregierte Ansichten, wo Besucher klicken und wie weit sie scrollen.
- Session-Aufnahmen: Wiedergaben einzelner Besuche, so wie der Besucher die Seite gesehen hat.
- Dashboard mit Insights: automatische Kennzahlen wie Dead Clicks, Rage Clicks, Quick Backs und JavaScript-Fehler.
Die offizielle Website ist clarity.microsoft.com, die technische Dokumentation finden Sie auf Microsoft Learn.
Wie funktionieren die Heatmaps in Microsoft Clarity?
Eine Microsoft Clarity Heatmap legt Farben über einen Screenshot Ihrer Seite: warme Farben, wo viel interagiert wird, kühle Farben, wo wenig passiert. Sie können Heatmaps getrennt für Desktop, Tablet und Mobilgeräte ansehen. Das ist wichtig, weil sich Layout und Verhalten je nach Gerät stark unterscheiden.
Klick-Heatmaps
Klick-Heatmaps zeigen, wo Besucher klicken oder tippen. Sie verraten, ob Ihr wichtigster Call-to-Action wirklich Aufmerksamkeit bekommt und ob Besucher auf Elemente klicken, die gar keine Links sind, etwa Bilder, Icons oder fett gedruckten Text.
Scroll-Heatmaps
Scroll-Heatmaps zeigen, welcher Anteil der Besucher welchen Bereich der Seite erreicht. Wenn nur ein kleiner Teil bis zur Preistabelle oder zum Formular scrollt, liegt das Problem womöglich im Seitenaufbau und nicht im Angebot.
Bereichs-Heatmaps
Bereichs-Heatmaps (Area Heatmaps) fassen Klicks in einer frei gewählten Zone zusammen, zum Beispiel der gesamten Navigation oder einer Produktkachel. Das hilft, wenn ein Block viele kleine Elemente enthält und Sie die Leistung des Blocks als Ganzes bewerten möchten.
Heatmaps und Google Analytics 4
Wer nach einer Heatmap in Google Analytics 4 sucht, wird dort keine klassische Klick-Heatmap finden. GA4 liefert Zahlen zu Events und Conversions, aber keine visuelle Darstellung des Klickverhaltens auf der Seite. Genau diese Lücke schließt Microsoft Clarity.
Session-Aufnahmen: echte Besuche beobachten
Die Session-Aufnahmen von Microsoft Clarity spielen einzelne Besuche ab: Mausbewegungen, Klicks, Scrollen, Seitenwechsel und Touch-Eingaben auf dem Smartphone. Aufnahmen sind der schnellste Weg, eine unverständliche Zahl zu erklären. Wenn ein Formular eine hohe Abbruchrate hat, sagen zehn Aufnahmen oft mehr als zehn Diagramme.
Alle Sessions anzusehen ist unrealistisch, nutzen Sie daher Filter. Clarity filtert nach Gerät, Land, Traffic-Quelle, besuchter Seite und nach Verhalten wie Rage Clicks oder JavaScript-Fehlern. Eine praktische Routine:
- Wählen Sie eine wichtige Seite, zum Beispiel den Checkout oder das Kontaktformular.
- Filtern Sie die Aufnahmen nach dieser Seite und einem Frustrationssignal.
- Sehen Sie sich 10 bis 20 Sessions an und notieren Sie wiederkehrende Muster.
- Machen Sie aus jedem Muster eine Hypothese und eine konkrete Änderung.
Die Kennzahlen im Clarity-Dashboard: Was bedeuten sie?
Das Dashboard von Microsoft Clarity fasst das Verhalten in mehreren Kennzahlen zusammen. Jede weist auf eine andere Art von Reibung hin.
| Kennzahl | Was Clarity misst | Was sie häufig bedeutet |
|---|---|---|
| Dead Clicks | Klicks auf Elemente ohne sichtbare Reaktion | Etwas wirkt klickbar, ist es aber nicht, oder ein Link ist defekt |
| Rage Clicks | Schnelle, wiederholte Klicks auf dieselbe Stelle | Frust: Button reagiert nicht, Seite lädt langsam, Oberfläche verwirrt |
| Übermäßiges Scrollen | Mehr Auf- und Abscrollen als erwartet | Besucher finden nicht, was sie suchen |
| Quick Backs | Besucher verlassen eine Seite und kehren fast sofort zur vorherigen zurück | Die Seite erfüllt die Erwartung nicht oder der Link war irreführend |
| JavaScript-Fehler | Skriptfehler während der Session | Defekte Funktionen, oft nur in bestimmten Browsern oder auf bestimmten Geräten |
| Scrolltiefe | Wie weit Besucher im Schnitt scrollen | Ob wichtige Inhalte zu weit unten stehen |
| Engagement-Zeit | Zeit aktiver Interaktion mit der Seite | Echte Aufmerksamkeit statt eines offen gelassenen Tabs |
Betrachten Sie diese Kennzahlen als Signale, nicht als Urteile. Viele Dead Clicks in einem Blogartikel bedeuten vielleicht nur, dass Leser beim Lesen auf den Text klicken. Derselbe Anteil auf der Checkout-Seite verdient sofortige Aufmerksamkeit. Gesunde Werte hängen stark von Website-Typ, Seite und Gerät ab: Vergleichen Sie eine Seite lieber mit ihrer eigenen Entwicklung als mit einem pauschalen Benchmark.
Microsoft Clarity einrichten: Schritt für Schritt
Die Einrichtung von Microsoft Clarity dauert nur wenige Minuten. Sie brauchen Zugriff auf den Website-Code, Ihren Tag Manager oder Ihr CMS.
Schritt 1: Projekt anlegen
Melden Sie sich auf clarity.microsoft.com mit einem der unterstützten Konten an (zum Beispiel einem Microsoft-Konto), legen Sie ein neues Projekt an und geben Sie Namen und URL der Website ein. Clarity erzeugt daraufhin einen Tracking-Code für genau dieses Projekt.
Schritt 2: Tracking-Code in den Head einfügen
Am direktesten fügen Sie das Clarity-Skript in den <head>-Bereich aller Seiten ein, idealerweise über ein gemeinsames Template, damit keine Seite fehlt. Rufen Sie nach der Veröffentlichung einige Seiten auf und prüfen Sie in Clarity, ob Daten ankommen (das kann etwas dauern). Wichtig in der EU: Das Skript darf erst nach der Einwilligung laden, dazu unten mehr.
Schritt 3 (Alternative): Google Tag Manager
Wenn Sie bereits den Google Tag Manager nutzen, können Sie Clarity als Tag anlegen, das auf allen Seiten ausgelöst wird. Clarity bietet im Installationsbereich auch eine geführte Einrichtung für den Tag Manager. Achten Sie darauf, dass das Tag Ihre Consent-Einstellungen berücksichtigt und erst nach Zustimmung zur passenden Cookie-Kategorie feuert.
Schritt 4 (Alternative): CMS-Plugins und Integrationen
Für verbreitete Plattformen wie WordPress und Shopify bietet Clarity offizielle Plugins oder Integrationen, die den Code für Sie einfügen. Die Liste der unterstützten Plattformen ändert sich, prüfen Sie die aktuellen Optionen im Einrichtungsbereich Ihres Clarity-Projekts.
Microsoft Clarity mit Google Analytics 4 verbinden
Microsoft Clarity bietet eine Integration mit Google Analytics 4, die Sie in den Projekteinstellungen aktivieren. Danach lassen sich beide Tools besser zusammen nutzen: Sie können Clarity-Aufnahmen mit GA4-Informationen segmentieren und von GA4 zu den passenden Clarity-Sessions springen.
Beide Tools beantworten unterschiedliche Fragen. Angenommen, GA4 zeigt, dass Ihre Landingpage für bezahlten Traffic mit 1,5 % konvertiert, organischer Traffic dagegen mit 3 %. Clarity zeigt, was bezahlte Besucher auf dieser Seite anders machen. Deshalb lohnt es sich, Clarity neben Ihren Performance-Kennzahlen zu betrachten, etwa der Klickrate (CTR) Ihrer Anzeigen und dem ROAS Ihrer Kampagnen: Eine starke Anzeige mit schwacher Landingpage verbrennt Budget.
Für das Reporting können Sie mit Klyrax GA4-Conversions, Google Ads, Microsoft Ads und Search Console in einem Dashboard zusammenführen und so messen, ob die Änderungen nach der Analyse in Clarity die Zahlen tatsächlich bewegen.
Microsoft Clarity und DSGVO: Was müssen Sie beachten?
Microsoft Clarity nutzt Cookies und ähnliche Technologien, um Besucher und Sessions wiederzuerkennen. Nach DSGVO und ePrivacy-Regeln, in Deutschland insbesondere nach dem TDDDG (früher TTDSG), erfordert diese Art von Tracking in der Regel eine vorherige Einwilligung der Besucher. Microsoft verlangt von Websites mit Besuchern aus dem Europäischen Wirtschaftsraum und dem Vereinigten Königreich, diese Einwilligung einzuholen und den Consent-Status an Clarity zu übergeben. Die aktuellen Anforderungen und Methoden beschreibt die Clarity-Dokumentation auf Microsoft Learn.
Für einen DSGVO-konformen Einsatz von Microsoft Clarity brauchen Sie:
- Ein Consent-Banner bzw. eine Consent-Management-Plattform (CMP), die Clarity blockiert, bis der Besucher zustimmt.
- Eine Datenschutzerklärung, die Microsoft Clarity, den Zweck und die verarbeiteten Daten nennt.
- Maskierungseinstellungen, die sensible Inhalte aus den Aufnahmen heraushalten.
Clarity maskiert sensible Eingaben standardmäßig, und in den Projekteinstellungen können Sie einen strengeren oder lockereren Maskierungsmodus wählen. Zusätzlich lassen sich einzelne Seitenelemente maskieren, etwa Kontodaten oder Bestellübersichten. Wählen Sie im Zweifel die strengere Maskierung: Sie verlieren wenig Analysewert und senken das Risiko. Da Microsoft ein US-Anbieter ist, sollten Sie außerdem Auftragsverarbeitung und Drittlandtransfer mit Ihrem Datenschutzbeauftragten klären.
Microsoft Clarity vs. Hotjar im Vergleich
Der Vergleich Microsoft Clarity vs. Hotjar liegt nahe, weil beide Tools Heatmaps und Aufnahmen bieten. Die wichtigsten Unterschiede liegen beim Preis und beim Funktionsumfang.
| Kriterium | Microsoft Clarity | Hotjar |
|---|---|---|
| Preis | Kostenlos | Kostenloser Tarif mit Grenzen, kostenpflichtige Tarife für mehr Kapazität und Funktionen |
| Heatmaps | Ja (Klick, Scroll, Bereich) | Ja |
| Session-Aufnahmen | Ja | Ja |
| Frustrationssignale | Rage Clicks, Dead Clicks, Quick Backs, JS-Fehler | Ähnliche Signale, je nach Tarif |
| Umfragen und Feedback-Widgets | Nicht der Schwerpunkt | Zentraler Teil des Produkts |
| GA4-Integration | Ja | Integrationen verfügbar, je nach Tarif |
| Geeignet für | Verhaltensanalyse mit jedem Budget | Teams, die zusätzlich Umfragen und On-Site-Feedback wollen |
Viele Teams starten mit Clarity, weil es nichts kostet und Heatmaps sowie Aufnahmen gut abdeckt. Hotjar kann sinnvoll sein, wenn strukturiertes Nutzerfeedback wie Umfragen und Interviews im Mittelpunkt Ihrer Research steht. Funktionen und Tarife ändern sich, prüfen Sie daher vor der Entscheidung die offiziellen Seiten beider Anbieter.
Mit Microsoft Clarity die Conversion-Rate verbessern
Microsoft Clarity entfaltet seinen Wert, wenn Sie Beobachtungen mit messbaren Ergebnissen verknüpfen. Ein einfaches Vorgehen:
- Starten Sie bei einem Conversion-Problem. Wählen Sie eine Seite, auf der GA4 eine schwache Conversion-Rate oder hohe Abbrüche zeigt.
- Analysieren Sie die Heatmaps. Ist der Call-to-Action sichtbar? Scrollen mobile Besucher weit genug, um ihn zu sehen?
- Filtern Sie Aufnahmen nach Frustration. Sehen Sie sich Sessions mit Rage Clicks, Dead Clicks oder JavaScript-Fehlern auf dieser Seite an.
- Formulieren Sie pro Problem eine Hypothese. Zum Beispiel: „Besucher klicken auf das Produktbild und erwarten einen Zoom.“
- Setzen Sie die Änderung um und messen Sie. Vergleichen Sie die Conversion-Rate vorher und nachher oder führen Sie einen A/B-Test durch.
Ein hypothetisches Beispiel: Ihre Formularseite hat 10.000 Besuche im Monat und konvertiert mit 2 %, also 200 Leads. Die Aufnahmen zeigen, dass viele mobile Besucher Rage Clicks auf einen Absende-Button machen, den die Tastatur verdeckt. Nachdem der Button verschoben wurde, steigt die Conversion-Rate auf 2,4 %: 240 Leads bei gleichem Traffic und gleichem Werbebudget. Bei 1.000 € monatlichem Werbebudget sinken die Kosten pro Lead von 5 € auf rund 4,17 €.
Häufige Fehler mit Microsoft Clarity
- Das Skript doppelt einbinden. Code im Head plus Tag im GTM bedeutet doppelte Daten. Entscheiden Sie sich für eine Methode.
- Clarity vor der Einwilligung laden. In Deutschland und der EU riskieren Sie damit Datenschutzverstöße und Abmahnungen.
- Aufnahmen ohne Fragestellung ansehen. Stundenlanges Durchklicken zufälliger Sessions führt selten zu Maßnahmen. Starten Sie mit einer Seite und einer Kennzahl.
- Geräte nicht trennen. Eine Desktop-Heatmap sagt wenig über mobile Besucher, die oft die Mehrheit stellen.
- Auf eine einzelne Session reagieren. Ein merkwürdiger Besuch ist eine Anekdote. Suchen Sie Muster über viele Sessions.
- Maskierung ohne Grund lockern. Sensible Daten gehören nicht in Aufnahmen.
- Das Ergebnis nie messen. Eine Änderung auf Basis von Clarity zählt nur, wenn die Conversions in GA4 tatsächlich steigen.
Mit einer klaren Fragestellung und sauber eingerichteter Einwilligung ist Microsoft Clarity eines der nützlichsten kostenlosen Tools, um zu verstehen, warum Besucher konvertieren oder abspringen.
Häufige Fragen
Ist Microsoft Clarity wirklich kostenlos?
Ja. Microsoft stellt Clarity kostenlos zur Verfügung, und es gibt keinen kostenpflichtigen Tarif, der Heatmaps oder Session-Aufnahmen freischaltet. Sie legen ein Konto an, erstellen ein Projekt für Ihre Website und binden den Tracking-Code ein. Mögliche Nutzungsgrenzen beschreibt Microsoft auf clarity.microsoft.com; prüfen Sie diese, wenn Ihre Website sehr viel Traffic hat.
Ist Microsoft Clarity DSGVO-konform?
Microsoft Clarity lässt sich DSGVO-konform einsetzen, doch das hängt von Ihrer Einrichtung ab. Clarity nutzt Cookies und ähnliche Technologien, daher brauchen Sie für Besucher aus der EU eine vorherige Einwilligung über ein Consent-Banner oder eine Consent-Management-Plattform, eine klare Datenschutzerklärung und eine Maskierung sensibler Inhalte. Lassen Sie die Einrichtung im Zweifel von Ihrem Datenschutzbeauftragten prüfen.
Verlangsamt Microsoft Clarity meine Website?
Das Skript von Microsoft Clarity wird asynchron geladen, daher ist der Einfluss auf die Ladezeit bei den meisten Websites gering. Jedes Drittanbieter-Skript bringt aber zusätzliches Gewicht. Binden Sie Clarity nur einmal ein, also nicht gleichzeitig im Head und über den Google Tag Manager, und prüfen Sie danach Ihre Core Web Vitals.
Was ist der Unterschied zwischen Microsoft Clarity und Google Analytics 4?
Google Analytics 4 misst in Zahlen, was passiert: Traffic-Quellen, Events, Conversions und Umsatz. Microsoft Clarity zeigt, wie es passiert: wo Besucher klicken, wie weit sie scrollen und wo sie hängen bleiben, über Heatmaps und Aufnahmen. GA4 bietet selbst keine klassischen Heatmaps, deshalb ergänzen sich beide Tools, und Clarity bietet eine Integration mit GA4.
Was sind Rage Clicks in Microsoft Clarity?
Rage Clicks in Microsoft Clarity sind Momente, in denen ein Besucher in kurzer Zeit mehrfach auf dieselbe Stelle klickt oder tippt. Sie deuten meist auf Frust hin: ein Button reagiert nicht, die Seite lädt langsam oder ein Element wirkt klickbar, ist es aber nicht. Filtern Sie die Aufnahmen nach Rage Clicks, um die betroffenen Sessions anzusehen.
Alle Marketingdaten in einem Report
Klyrax verbindet Google Ads, Meta Ads, GA4, Search Console, Bing Webmaster Tools und mehr im Nur-Lese-Modus und macht daraus kundenfertige Reports.
Infos anfordern