Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Microsoft Clarity: Website-Probleme erkennen (Jul. 2025)
Rating: 4.6 out of 5(8 ratings)
84 students

Microsoft Clarity: Website-Probleme erkennen (Jul. 2025)

Lerne, wie du mit Microsoft Clarity, Heatmaps und Sitzungsaufzeichnungen Probleme auf deiner Website findest.
Last updated 7/2025
German

What you'll learn

  • Einrichten und Konfigurieren von MS Clarity Projekten
  • DSGVO-konformes Einbinden von Clarity mit dem Tag Manager und einem Cookie-Plugin
  • Heatmaps und Sitzungsaufzeichnungen richtig analysieren
  • Usability Probleme aufgrund von Clarity-spezifischen Metriken finden.

Course content

4 sections32 lectures4h 24m total length
  • Intro und was du in diesem Kurs lernen wirst.1:24
  • Microsoft Clarity einrichten11:37

    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.

  • Clarity mit dem Google Tag Manager zu deiner Website hinzufügen13:31

    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.

  • Clarity mit dem Borlabs Cookie Plugin V3.x zu deiner Website hinzufügen6:12

    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.

  • Google Analytics 4 & Clarity verknüpfen5:14

    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 Microsoft Clarity Filterleiste11:54

    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.

  • 7 Fragen rund um das Einrichten von Microsoft Clarity

Requirements

  • Du hast eine Website, die bereits live ist
  • Du bist mit dem Tag-Manager oder/und deiner Cookie-Lösung vertraut
  • Du möchtest die Usability deiner Website verbessern.

Description

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

Who this course is for:

  • Betreiber:Innen von Websites, die ihre Usability verbessern möchten
  • Betreiber:Innen von Websites, die Conversion-Problemen auf die Spur kommen wollen.´