Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie installiert man Microsoft Clarity Analytics in WordPress?

Wenn Sie tiefere Einblicke in die Interaktion der Besucher mit Ihrer WordPress-Website gewinnen möchten, bietet Microsoft Clarity eine leistungsstarke, kostenlose Lösung. Dieses Webanalyse-Tool liefert wertvolle Daten zum Nutzerverhalten durch Heatmaps, Klick-Tracking und Scroll-Tiefenanalyse.

Bei der Optimierung unserer eigenen Websites haben wir im Laufe der Jahre festgestellt, dass es von unschätzbarem Wert ist, zu verstehen, wie die Benutzer auf unseren Websites navigieren, wohin sie klicken und was ihre Aufmerksamkeit erregt, wenn es darum geht, den Inhalt zu optimieren, die Benutzererfahrung zu verbessern und die Konversionen zu steigern.

Diese Schritt-für-Schritt-Anleitung zeigt Ihnen, wie Sie Microsoft Clarity ganz einfach in Ihre WordPress-Website integrieren und so datengestützte Entscheidungen treffen können, die Ihre Online-Präsenz verbessern.

How to Install Microsoft Clarity Analytics in WordPress

Das werden wir in diesem Lernprogramm behandeln:

Was ist Microsoft Clarity und warum sollte man es verwenden?

Microsoft Clarity ist ein kostenloses Analysetool für Websites. Es hilft Ihnen, die beliebtesten Seiten auf Ihrer Website zu sehen und wie Nutzer auf diese Seiten klicken, scrollen und mit ihnen interagieren.

Die wichtigste Funktion von Microsoft Clarity ist die Datenvisualisierung des Nutzerverhaltens. Dazu gehören Klick-Tracking, Heatmap-Berichte, Sitzungsaufzeichnungen und mehr.

Heatmaps zeigen einen visuellen Bericht darüber, wie Benutzer ihre Maus bewegen und wo sie klicken, auswählen und scrollen.

Heatmap showing user interactions on a website

Ebenso helfen Ihnen Sitzungsaufzeichnungen dabei, zu erkennen, wie Nutzer Ihre Inhalte betrachten, wo sie mehr Zeit verbringen und was sie von Ihrer WordPress-Website wegführt.

Diese Informationen helfen Ihnen, die Benutzerfreundlichkeit für Ihre Nutzer zu verbessern, die Leistung zu steigern und die Verkaufszahlen zu erhöhen.

Viewing the Microsoft Clarity analytics dashboard

Hinweis: Microsoft warnt, dass Clarity nicht auf Websites verwendet werden sollte, die sensible Daten enthalten, wie z. B. Informationen zur Gesundheitsfürsorge, zu Finanzdienstleistungen oder zu Behörden.

Microsoft Clarity vs. Google Analytics: Was ist der Unterschied?

Google Analytics ist die beste Analyselösung auf dem Markt, weil sie viele detaillierte Tracking-Funktionen bietet. Microsoft Clarity hingegen konzentriert sich auf die Visualisierung von Nutzerinteraktionen mit Heatmaps und Sitzungsaufzeichnungen.

Mit Google Analytics können Sie fast alles auf Ihrer Website verfolgen. Es bietet auch ein erweitertes eCommerce-Tracking, Conversion-Tracking und detaillierte Berichte.

Microsoft Clarity ist eine neuere Plattform, die derzeit keine Alternative zu den weitaus besseren Funktionen von Google Analytics darstellt. Sie können Microsoft Clarity jedoch neben Google Analytics verwenden, um Funktionen wie Heatmaps und Aufzeichnungen von Besuchersitzungen freizuschalten, da Google diese Funktionen noch nicht anbietet.

Vor der Analysefunktion von Microsoft nutzten viele Website-Besitzer neben Google Analytics auch kostenpflichtige Heatmap-Lösungen wie Hotjar oder CrazyEgg, aber jetzt haben Sie eine kostenlose Alternative zu diesen Tools.

Wir empfehlen Ihnen, Google Analytics auf all Ihren Websites zu installieren, um Ihr Suchranking zu verbessern. Danach können Sie unserer Anleitung unten folgen, um Microsoft Clarity in WordPress zu installieren.

Sie funktionieren beide sehr gut, ohne die Funktionalität Ihrer Website zu beeinträchtigen.

Es ist ganz einfach, Microsoft Clarity in jede Website einzubinden. Sie müssen sich für Microsoft Clarity anmelden und dann einen Tracking-Code zu Ihrer Website hinzufügen. Wir werden Sie Schritt für Schritt durch den Prozess führen.

Anmeldung für Microsoft Clarity

Gehen Sie zunächst auf die Microsoft Clarity-Website und klicken Sie auf die Schaltfläche „Get Started“. Sie benötigen ein Microsoft-, Facebook- oder Google-Konto, um sich anzumelden.

Nach der Anmeldung sehen Sie das Clarity-Dashboard mit einem Popup zum Hinzufügen eines neuen Projekts.

Geben Sie nun einen Namen für Ihr Projekt ein. Sie können den Namen Ihrer Website verwenden, damit er leicht erkennbar ist. Als nächstes geben Sie die URL Ihrer Website ein.

Setting up a new project in Microsoft Clarity

Nachdem Sie Ihr neues Projekt angelegt haben, werden Sie gefragt, wie Sie Clarity installieren möchten.

Klicken Sie auf die Option „Tracking-Code abrufen“.

Install Clarity Using a Tracking Code

Sie sehen nun den Tracking-Code, den Sie in Ihre WordPress-Website einfügen müssen.

Klicken Sie einfach auf die Schaltfläche „In die Zwischenablage kopieren“.

Copying the Clarity tracking code

Je nach der Methode, die Sie zum Hinzufügen dieses Codes zu Ihrer WordPress-Website verwenden, benötigen Sie entweder den vollständigen Tracking-Code oder nur Ihre Projekt-ID. Sie finden die Projekt-ID am Ende des Tracking-Codes kurz vor </script>. Im Screenshot oben lautet sie „ejbjp9k5ge“.

Wir empfehlen, diese Registerkarte geöffnet zu lassen oder den Code an einen sicheren Ort zu kopieren. Sie werden ihn im nächsten Schritt dieses Tutorials benötigen.

Hinzufügen von Microsoft Clarity Code zu WordPress

Nun müssen Sie den Microsoft Clarity-Tracking-Code so in Ihre WordPress-Website einfügen, dass er auf allen Seiten angezeigt wird. Glücklicherweise gibt es eine Reihe von einfachen Möglichkeiten, dies ohne manuelle Bearbeitung von WordPress-Dateien zu tun.

Sie können Ihre bevorzugte Methode aus den folgenden drei auswählen.

Methode 1: Hinzufügen von Microsoft Clarity Code mit dem Microsoft Clarity Plugin

Als Erstes müssen Sie das Microsoft Clarity-Plugin installieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ Clarity im WordPress-Admin besuchen.

Hier müssen Sie die Projekt-ID einfügen. Das ist das letzte Element in Ihrem Clarity-Tracking-Code und sieht etwa so aus: „ejbjp9k5ge“.

Enter Your Microsoft Clarity Project ID

Klicken Sie unten auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern. Ihre WordPress-Seite ist nun mit Microsoft Clarity verbunden.

Methode 2: Hinzufügen von Microsoft Clarity Code mit WPCode

Der sicherste und einfachste Weg, Code zu Ihrer Website hinzuzufügen, ist WPCode, das beste WordPress Code Snippets Plugin. Mit diesem Plugin können Sie jedes beliebige Skript im Header oder Footer Ihrer Website direkt von Ihrem WordPress-Dashboard aus hinzufügen (kein FTP oder cPanel erforderlich).

Sobald Sie das WPCode Free Plugin installiert und aktiviert haben, müssen Sie die Seite Code Snippets “ Header & Footer besuchen.

Dort fügen Sie den gesamten Microsoft Clarity-Tracking-Code in das Feld „Kopfzeile“ ein.

Paste the Microsoft Clarity Tracking Code Into WPCode's Header Field

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Das Plugin fügt nun automatisch den Microsoft Clarity Analytics-Code zu allen Seiten Ihrer WordPress-Website hinzu, so dass Sie die Besucheraktivitäten auf Ihrer Website verfolgen können.

Methode 3: Hinzufügen von Microsoft Clarity Code mit All in One SEO

All in One SEO ist das beste WordPress-SEO-Plugin, mit dem Sie Ihre WordPress-Website ganz einfach für Suchmaschinen und Social-Media-Plattformen optimieren können. Wir zeigen Ihnen in unserem Leitfaden zur korrekten Einrichtung von All in One SEO für WordPress, wie Sie das Beste daraus machen können.

Wenn Sie All in One SEO auf Ihrer Website installiert haben, können Sie damit den Microsoft Clarity Tracking Code hinzufügen.

Gehen Sie einfach zu All in One SEO “ Allgemeine Einstellungen “ Webmaster Tools und klicken Sie auf das Symbol „Microsoft Clarity“.

Es erscheint ein Feld, in das Sie Ihre Clarity-Projekt-ID einfügen können. Das ist der letzte Eintrag in Ihrem Clarity-Tracking-Code und sieht etwa so aus: „ejbjp9k5ge“.

Pasting the Microsoft Clarity Project ID into AIOSEO

Klicken Sie anschließend auf die Schaltfläche „Änderungen speichern“, und Ihre WordPress-Website wird mit Microsoft Clarity verbunden.

Pro-Tipp: Wenn Sie ein WordPress-Caching-Plugin verwenden, müssen Sie den WordPress-Cache löschen, nachdem Sie die Projekt-ID oder den Tracking-Code hinzugefügt haben. Dies ist wichtig, da Microsoft sonst Ihre Website einige Stunden lang nicht überprüfen kann.

Microsoft Clarity verwenden

Sobald Sie den Tracking-Code installiert und den WordPress-Cache geleert haben, beginnt Microsoft mit der Aufzeichnung der Sitzungsdaten der Besucher.

Es kann jedoch bis zu 2 Stunden dauern, bis Sie Ergebnisse in Ihrem Clarity-Konto sehen.

Verwendung des Microsoft Clarity Dashboard

Loggen Sie sich einfach nach ein paar Stunden in Ihr Clarity-Konto ein, und Sie sollten die Zusammenfassung der Aktivitäten in Ihrem Dashboard sehen können.

Viewing the Microsoft Clarity analytics dashboard

Sie können nützliche Einblicke gewinnen, wie z. B. den Prozentsatz der Sitzungen, die „tote Klicks“ haben. Das sind Klicks, die nirgendwo hinführen. Zum Beispiel könnten Nutzer auf ein Bild klicken und denken, dass es eine Schaltfläche oder ein Link ist.

Eine weitere nützliche Statistik sind die „Wutklicks“, d. h. wenn Nutzer schnell in denselben Bereich klicken oder tippen. Wenn Sie diese Kennzahlen genau beachten, können Sie Ihre Website benutzerfreundlicher gestalten.

Das Dashboard zeigt Ihnen auch die Anzahl der „Quick Backs“ an. Diese treten auf, wenn ein Nutzer eine Seite verlässt und dann sehr schnell wieder zu ihr zurückkehrt.

Außerdem wird das exzessive Scrollen erfasst, wenn Nutzer eine Seite länger als erwartet durchblättern. Und wie Google Analytics macht es Microsoft einfach, die beliebtesten Seiten auf Ihrer Website zu sehen.

Microsoft Clarity Recordings verwenden

Die Registerkarte „Aufzeichnungen“ zeigt Ihnen Aufzeichnungen verschiedener Benutzersitzungen an. Sie erhalten Details über das Gerät, das Betriebssystem und das Land des Benutzers.

Clarity informiert Sie auch über die Anzahl der besuchten Seiten, die Dauer und den Zeitpunkt der Sitzung sowie die Anzahl der Klicks.

Clarity showing the recordings of user sessions

Mit den Aufzeichnungen können Sie eine Animation der Mausbewegungen und -klicks verfolgen. Im obigen Screenshot können Sie sehen, dass ein Benutzer seine Maus auf den Link zum November-Archiv bewegt und darauf geklickt hat.

Microsoft Clarity Heatmaps verwenden

Die Registerkarte „Heatmaps“ zeigt Ihnen eine Heatmap Ihrer Website. So können Sie anhand der Anzahl der Klicks erkennen, welche Bereiche auf Ihrer Website besonders beliebt sind.

Clarity's heatmap showing mouse clicks

Die Heatmap zeigt Ihnen auch, wie weit die Nutzer auf der Seite nach unten gescrollt haben und welche Bereiche auf der Seite die meisten Klicks erhalten haben.

Abschließende Überlegungen zum Microsoft Clarity Analytics Tool

Microsoft Clarity ist ein neues Analysetool mit einigen großartigen Funktionen. Es ist zwar keine Alternative zur leistungsstarken Google Analytics-Plattform, bietet aber definitiv einige interessante Funktionen wie kostenlose Heatmaps und Sitzungsaufzeichnungen.

Oft möchten neue Website-Besitzer Heatmaps und Sitzungsaufzeichnungen sehen, aber sie haben nicht das Budget, um Premium-Lösungen wie HotJar oder CrazyEgg zu kaufen. Nun, jetzt können Sie Microsoft Clarity verwenden.

Mithilfe der Heatmaps und Sitzungsaufzeichnungen sollten Sie in der Lage sein, Ihre Website oder Ihren Online-Shop zu optimieren, um die Nutzererfahrung zu verbessern und den Umsatz zu steigern.

Expertenanleitungen zu WordPress Analytics

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Microsoft Clarity Analytics in WordPress installiert. Vielleicht interessieren Sie sich auch für andere Anleitungen zu WordPress-Analysen:

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

6 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    I’m considering Clarity, especially now that I can integrate it with AIO SEO. I’m just curious whether the overall integration with Microsoft Clarity could potentially affect the website speed negatively?

    I’m only considering Microsoft Clarity temporarily for heatmaps, to determine the best placement, for example, for Google AdSense. In this context, it makes sense to me to identify the least used areas on the website and target advertising there.

    • WPBeginner Support

      It should not have a major effect but we have not done a full in-depth analysis of any speed changes at the moment.

      Admin

      • Jiří Vaněk

        Thank you for the advice. I finally connected the website with clarity thanks to AIO SEO and everything works perfectly. It’s a really cool tool. I’ve had it on the website for a few days, but I’m thrilled with it.

  3. Stefan

    It seems that there’s a plugin now too.

    • WPBeginner Support

      Thank you for letting us know about it :)

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.