
Bevor du MS Clarity verwenden kannst, müssen wir ein Clarity Projekt erstellen und das Tracking JavaScript-Snippet zu deiner Website hinzufügen. In dieser Lektion sehen wir uns an, wie du dich bei Clarity anmeldest, dein erstes Projekt erstellst und konfigurierst. In den nächsten Lektionen siehst du dann 2 Möglichkeiten, das Tracking JavaScript Snippet zu deiner Website hinzuzufügen.
Damit Microsoft Clarity Heatmaps und Aufzeichnungen erfassen kann, muss ein JavaScript Snippet zu deiner Website hinzugefügt werden, das Cookies setzt. In dieser Lektion lernst du die Erste von 2 Möglichkeiten kennen, wie du das Clarity Tracking JavaScript Snippet zu deiner Website hinzufügen und ausführen kannst, sofern Nutzer:Innen ihre Zustimmung gegeben haben: mit dem Google Tag Manager.
Info: Für diese Lektion setze ich voraus, dass du den Tag Manager in Verbindung mit einer Consent Management Lösung (z.B. für Google Analytics) bereits auf deiner Website integriert hast. Als Beispiel verwende ich in dieser Lektion die Consent Management Lösung CCM19 aus Deutschland.
Falls du den Google Tag Manager nicht verwenden möchtest und eine WordPress Site betreibst, kannst du das MS Clarity Tracking Javascript-Snippet auch mit einem Consent Management Plug-in zu deiner WordPress Website hinzufügen. In dieser Lektion sehen wir uns beispielhaft an, wie das mit dem Borlabs Cookie Plug-in funktioniert.
Hinweis: In dieser Lektion geht es um das aktuelle Borlabs Cookie Plug-in V3.x. Ich gehe in dieser Lektion davon aus, dass du das Plug-in bereits auf deiner Website installiert und für einen anderen Service (z.B. Google Analytics) konfiguriert hast.
Das Verbinden von Clarity mit Google Analytics 4 bringt dir ein paar Vorteile. In dieser Lektion sehen wir uns an, wie du Clarity mit GA4 verbindest und wo du in Clarity die GA4 Daten findest.
Die Filterleiste ist ein wichtiges Element der MS Clarity Benutzeroberfläche. Sie kommt fast in jedem Bereich zum Einsatz. In dieser Lektion bekommst du eine Einführung in die Nutzung der Filterleiste und der Segmente in MS Clarity.
Mit Scroll-Heatmaps analysierst du, ob und wie weit Benutzer:Innen auf einer Seite deiner Website scrollen. Allerdings ist das wichtige dabei nicht, ob sie bis ans Ende der Seite scrollen. Worauf du stattdessen achten solltest und wie du die Microsoft Clarity Heatmaps nutzt, erfährst du in dieser Lektion.
Mit einer Klick-Heatmap in Clarity kannst du genau feststellen, auf welche Links einer Seite Besucher:Innen geklickt haben und somit analysieren, ob eine Seite ihren Zweck erfüllt.
Wie der Name der Lektion schon vermuten lässt, findest du mit einer Aufmerksamkeits-Heapmap heraus, welche Bereiche einer Seite eine hohe und welche eine niedrige Aufmerksamkeit bekommen. Das kannst du nutzen, um deine Conversions zu optimieren. In dieser Lektion erfährst du, wie du die Aufmerksamkeits-Heatmaps nutzt.
Bereichs-Heatmaps sind Klick-Heatmaps bei denen nicht der Klick auf einen einzelnen Links, sondern einen Bereich zählt. Wie du Bereichs-Heatmaps nutzt, wie Clarity Bereiche festlegt und wie du darauf Einfluss nehmen kannst, erfährst du in dieser Lektion.
Mit Clarity kannst du beliebige Heatmaps parallel anzeigen und so analysieren; etwa eine Scroll-Heatmap parallel zu einer Klick-Heatmap. Wie du 2 Heatmaps parallel anzeigst und 3 Anwendungsfälle dafür siehst du in dieser Lektion.
Auch in Clarity hat die künstliche Intelligenz Einzug gehalten. In dieser Lektion erfährst du, wie du damit Klick- und Scroll-Heatmaps zusammenfassen kannst und worauf du dabei besonders achten solltest.
Jede Art von Heatmap kannst du in 2 Varianten direkt aus Clarity herunterladen oder auch mit anderen Teilen. In dieser Lektion sehen wir uns zunächst an, wie du eine Heatmap oder die Daten dafür herunterlädst und im 2. Teil, wie du eine Heatmap mit Dritten teilen kannst.
Bevor wir gemeinsam eine Sitzung-Aufzeichnung in Clarity analysieren, lernst du in dieser Lektion den Player für diese Aufzeichnungen kennen und wie sich beispielsweise Aktionen am Ende einer Aufzeichnung in MS Clarity Auswirkungen (z.B. auf die Speicherdauer)
Nachdem du in der letzten Lektion den Player kennengelernt hast, analysieren wir in dieser Lektion beispielhaft eine Sitzungs-Aufzeichnung und du siehst, worauf die dabei achten solltest.
Auch Sitzungsaufzeichnungen kannst du mit der KI zusammenfassen lassen. Dabei solltest du aber unbedingt auf etwas achten, das wir uns in dieser Lektion ansehen - genauso wie die 2 Möglichkeiten, die du hast, Aufzeichnungen mit der KI zusammenfassen zu lassen.
Microsoft Clarity ist eine ideale Ergänzung für dein Analytics System. In diesem Praxis-Beispiel sehen wir uns an, wie du mit Clarity einer in Analytics entdeckten Abweichung der Interaktionsdauer vom Durschschnitt auf die Spur kommst - und ob es sich dabei wirklich um ein Problem handelt.
Heatmaps und Aufzeichnungen kannst du dir nicht nur direkt in Clarity ansehen, sondern auch direkt auf deiner Website. In dieser Lektion erfährst du die Voraussetzungen dafür und siehst, wie es funktioniert.
Das Dashboard erfüllt in Clarity zwei Funktionen, die du in dieser Lektion kennenlernst. Außerdem siehst du, wie du das Dashboard auf deine Bedürfnisse anpassen kannst, sodass du mit dem Dashboard ganz einfach Filter festlegen kannst (was wiederum eine der zwei vorhin erwähnten Funktionen ist).
Trendlinien zeigen wir, wie sich ein Messwert entwickelt hat; etwa die "toten Klicks". Nützlich ist diese Funktion, um zu prüfen, ob sich nach einer Optimierung ein Messwert verbessert hat.
Hast du dein Clarity Projekt mit GA4 verknüpft, siehst du ein zweites Dashboard, nur diesmal mit Daten aus Google Analytics 4. Wir sehen uns in dieser Lektion einige wichtige Unterschiede zum Clarity Dashboard an und wie du das GA4-Dashboard verwenden kannst.
Tote Klicks oder Dead Clicks sind ein Hinweis darauf, dass sich deine Seite nicht erwartungskonform verhält. In dieser Lektion sehen wir uns an, wie du solche Seiten und Probleme mit den Werkzeugen, die du bisher im Kurs kennengelernt hast, aufspürst.
Wutklicks oder "Rage Clicks" deuten darauf hin, dass irgendetwas auf einer Seite nicht so funktioniert, wie es Besucher:Innen erwarten. In dieser Lektion sehen wir uns an, wie du Seiten mit Wutklicks findest und analysierst.
Eine schnelle Rückkehr ("Quickback") tritt auf, wen Besucher:Innen nach einem Klick sehr schnell wieder auf die vorherige Seite zurückkehren. In dieser Lektion erfährst du, wie du solche Probleme findest, den häufigsten Grund dafür und was du tun kannst, um das Problem zu beheben.
Übermässiges Scrollen ist ein Hinweis darauf, dass Besucher:Innen auf einer Seite nicht das finden, wonach sie gesucht haben. Mit Microsoft Clarity findest du solche Seiten mit ein paar Mausklicks.
Selbst wenn du kein Entwickler bist, solltest du dir Seiten ansehen, auf denen JavaScript Fehler auftreten. Diese Fehler können nämlich die Ursache für Wutklicks oder Tote Klicks sein.
Die Bezeichnung für diesen Messwert ist vielleicht etwas irreführend, wenn du aus der SEO Welt kommst. Deshalb sehen wir uns in dieser Lektion an, was dieser Messwert bedeutet und worauf du bei den 3 Kategorien dieses Messwertes achten solltest.
Ein Funnel in MS Clarity ist eine Abfolge von intelligenten Ereignissen und/oder Seitenaufrufen. Wir sehen uns in dieser Lektion an, wo und wie du in Microsoft Clarity einen Funnel definierst und worauf du dabei achten solltest.
Den Namen Watchlist finde ich für diese Zusammenfassungskarte nicht besonders gut gewählt. Wie sie besser heißen sollte und was für eine Aufgabe die Watchlist hat, erfährst du in dieser Lektion
Mit der neuen Chat-Funktion kannst du direkt mit deinen Daten in MS Clarity chatten und sie beispielsweise zusammenfassen lassen oder nach Details fragen. In dieser Lektion sehen wir uns 4 Beispiele dazu an.
In dieser Bonus-Lektion zeige ich anhand einer produktiven Website, wie du Ereignisse und Kategorien (in Clarity auch Tags genannt) vom Google Tag Manager an Microsoft Clarity senden kannst. Ich gehe in dieser Lektion davon aus, dass du mit dem Tag Manager Erfahrung hast (Bonus Lektion!).
Clarity ist ein kostenloses Heatmapping- und Session-Recording Tool zur Optimierung der User-Experience deiner Website von Microsoft und damit eine interessante Alternative zu ähnlichen, kostenpflichtigen, Tools wie Hotjar oder auch Mouseflow.
Mit Clarity kommst du Usability-Problemen deiner Website auf die Spur, die sich negativ auf deine Conversions auswirken können. Es ist eine ideale Ergänzung zu deinem Web Analytics Tool wie Google Analytics 4.
Was du in diesem Kurs lernen wirst
Den Kurs habe ich in drei Kapitel unterteilt:
Im ersten Kapitel lernst du zunächst, MS Clarity einzurichten und zu konfigurieren. Danach sehen wir uns an, wie du Clarity entweder mit dem Google Tag Manager oder dem Borlabs Cookie Plug-in zu deiner Website hinzufügst, sodass Clarity Daten nur mit Zustimmung deiner Nutzer:Innen erfasst. Im letzten Teil des ersten Kapitels lernst das wichtigste Element der Benutzeroberfläche - die Filterleiste - genauer kennen.
Im zweiten Teil analysieren wir zunächst anhand einer live Website Scroll-, Klick- und Bereichsheatmaps. Danach lernst du den Session-Player kennen, mit dem du dir Sitzungs-Aufzeichnungen ansehen kannst und du erfährst, worauf du bei der Analyse einer Sitzungs-Aufzeichnung achten solltest. In der letzten Lektion lernst du Clarity Live kennen, mit dem du dir Heatmaps und Sitzungs-Aufzeichnungen direkt auf deiner Website ansehen kannst.
Im letzten Kapitel geht es um Clarity-spezifische Metriken wie Wutklicks, Tote Klicks, Quickbacks, JavaScript Fehler und die schnelle Rückkehr. Du erfährst, wie du Seiten findest, die eines (oder mehrere) der vorhin erwähnten Probleme haben und häufige Grüne dafür.
Warum du Clarity auf deiner Website verwenden solltest
Microsoft Clarity ist das ideale Tool, um Usability-Problemen deiner Website auf die Spur zu kommen. Noch dazu ist das Tool kostenlos. Wenn du bereits andere Tools, wie etwa Google Analytics mit Consent in deine Website integriert hast, kannst du Clarity ebenso schnell in deine Website integrieren. Ferner ist Microsoft Clarity eine ideale und visuelle Ergänzung zu den Zahlen in deinem Web-Analyse-Tool.
Voraussetzungen für die Nutzung von Microsoft Clarity
Falls du bereits ein anderes Analytics-Tool, etwa Google Analytics, mit Consent auf deiner Website integriert hast, kannst du Clarity auch nutzen. Somit benötigst du:
eine Website, die bereits live ist
einen Microsoft-, Google- oder Facebook-Konto, um deinen Clarity Account zu erstellen. Du kannst unter anderem deinen Hotmail Account oder denselben Microsoft-Account, mit dem du Office 365 abonniert hast, verwenden.
Eine Consent Management Lösung (mit oder ohne Google Tag Manager), mit der du bereits vertraut bist, um Clarity mit Consent und DSGVO-konform in deiner Website zu integrieren.
Bist du bereit, die Usability deiner Website zu verbessern? Dann schreib dich jetzt in diesen Kurs ein!
Kursupdates der letzten 24 Monate:
Juli 2025: Neue Lektion für die im Juli 2025 neu eingeführten "Trendlinien" im Dashboard
Februar 2025: Neue Lektion für die im Jänner 2025 neu eingeführten "Aufmerksamkeitsheatmaps".
Jänner 2025: Lektion Clarity mit dem Tag Manager um das Consent Signal erweitert, das Microsoft ab Q1.2025 verlangt. Kursunterlagen des ersten Kapitels entsprechend aktualisiert.
Dezember 2024: Update der Lektionen zur GA4 Verknüpfung in Clarity, da Microsoft den Menüpunkt streichen wird und das GA4-Dashboard anders aufgerufen werden muss. Kursunterlagen des ersten Kapitels aktualisiert.
Oktober 2024: Update für die Lektion über das Verbinden von Clarity mit GA4 (Die Verknüpfung funktioniert zumindest in eine Richtung wieder). Lektion Filterleiste mit neuem Menü und aktualisierter Speicherdauer der Daten ergänzt. Neue Lektion für das GA4-Dashboard in Microsoft Clarity. Kursunterlagen des ersten und dritten Kapitels entsprechend aktualisiert.
September 2024: Neue Lektion über das neue Copilot-basierende Chat Feature (Wurde zum Zeitpunkt der Aufnahme erst ausgerollt und ist möglicherweise noch nicht in allen Clarity Accounts verfügbar.)
August 2024: Neue Lektion zur neu eingeführten, Clarity-spezifischen Metrik Benutzerabsicht.
Juni 2024: Aufgrund von Designänderungen in MS Clarity folgende Lektionen neu aufgenommen: Sroll-Heatmaps, Klick-Heatmaps, Bereichs-Heatmaps, Sitzungsplayer, Microsoft Clarity Live Plug-in, Tote Klicks ("Dead Klicks"), übermäßige Klicks, schnelle Rückkehr, übermäßiges Scrollen und JavaScript Fehler. Außerdem mehrere neue Lektionen hinzugefügt: 2 Heatmaps vergleichen und parallel analysieren, Heatmaps mit KI zusammenfassen, Sitzungs-Aufzeichnungen mit KI zusammenfassen, Praxis-Beispiel für die Nutzung von Heatmaps in Verbindung mit Google Analytics 4, eine eigene Lektion über das Dashboard in Clarity, jeweils eine Lektion über die Watchlist, intelligente Ereignisse und Funnels in Clarity so wie eine Bonus-Lektion in der du siehst, wie du Ereignisse und Kategorien für Seitenaufrufe mit dem Google Tag Manager an Clarity sendest.
Kursunterlagen für das Kapitel Heatmaps- & Sitzungs-Aufzeichnungen und Clarity spezifische Metriken und Funktionen hinzugefügt. Quizze aktualisiert.
Weitere Updates in Kürze.
Mai 2024: Neue Lektion zum Einrichten von Clarity mit dem neuen Borlabs Cookie Plug-in 3.0. Lektion Einrichten aufgrund von Design-Änderungen neu aufgenommen. Lektion Clarity mit dem Google Tag Manager zur Website hinzufügen neu aufgenommen, da es mittlerweile ein eigenes Tag für Clarity gibt. Lektion Clarity mit GA4 verknüpfen neu aufgenommen (Design-Änderung) und Hinweis eingefügt, dass die Verknüpfung aktuell keinen Effekt hat, da Microsoft sie Ende 2023 (vorübergehend) deaktiviert hat. Lektion Filterleiste aufgrund von Änderungen in der Benutzeroberfläche neu aufgenommen. Kursunterlagen für die Lektion des ersten Kapitels in der ersten Lektion zum Download hinzugefügt.
März 2023: Erste Version