Microsoft Clarity

Was ist Microsoft Clarity?

Microsoft Clarity ist eine kostenlose Verhaltensanalyse-Plattform, die Ihnen hilft zu verstehen, wie Besucher Ihre Website tatsaechlich nutzen. 2020 von Microsoft gestartet, hat sie sich rasant auf ueber 2 Millionen Websites verbreitet, weil sie Session-Recording und Heatmap-Funktionalitaet auf Enterprise-Niveau bietet -- ohne Traffic-Limits, ohne Preisstufen und ohne Cookies. Fuer PrestaShop-Shopbetreiber bedeutet das: Sie koennen jede Besuchersitzung in Ihrem Shop analysieren -- vom Homepage-Besuch bis zum Checkout -- ohne einen Cent fuer die Analyseplattform selbst zu zahlen.

Waehrend Google Analytics Ihnen Kennzahlen liefert (Absprungrate, Seitenaufrufe, Conversion-Rate), beantwortet Clarity das Warum hinter diesen Zahlen. Eine Absprungrate von 70% auf Ihrer Produktseite sagt nichts aus, bis Sie 20 Sitzungen ansehen und feststellen, dass Besucher den "In den Warenkorb"-Button auf dem Smartphone nicht finden, oder dass Ihre Bildergalerie in Safari defekt ist, oder dass Ihre Groessentabelle den Kaufbutton ueberdeckt.

Kernfunktionen fuer den E-Commerce

Session-Aufzeichnungen

Jede Besuchersitzung wird aufgezeichnet und steht im Clarity-Dashboard zur Wiedergabe bereit. Sie koennen Aufzeichnungen filtern nach:

• Besuchte Seiten -- schauen Sie sich Sitzungen an, die Ihre Checkout-Seite beinhalteten, um Abbruchursachen zu finden
• Geraetetyp -- isolieren Sie mobile Sitzungen, bei denen UX-Probleme am haeufigsten auftreten
• Frustrationssignale -- Clarity markiert automatisch Sitzungen mit Wutklicks, toten Klicks und uebermaeSSigem Scrollen
• Land und Browser -- identifizieren Sie, ob Probleme auf bestimmte Maerkte oder Browser beschraenkt sind

Session-Aufzeichnungen werden anonymisiert -- Formularfelder, Kreditkarteneingaben und andere sensible Daten werden automatisch maskiert. Sie sehen die Interaktionsmuster, nicht persoenliche Informationen.

Heatmaps

Clarity generiert drei Arten von Heatmaps fuer jede Seite Ihres Shops:

• Klick-Heatmaps -- zeigen, wo Besucher am meisten klicken (und wo sie klicken, aber nicht sollten, was auf verwirrende UI-Elemente hindeutet)
• Scroll-Heatmaps -- zeigen, wie weit Besucher nach unten scrollen, und helfen Ihnen, wichtige Inhalte (CTAs, Vertrauenssignale, Angebote) dort zu platzieren, wo sie tatsaechlich gesehen werden
• Bereichs-Heatmaps -- aggregieren die Interaktion nach Seitenabschnitten und zeigen, welche Bereiche die meiste Aufmerksamkeit erhalten

Fuer Produktseiten sind diese Daten Gold wert. Sie koennen sehen, ob Besucher sich mit Ihren Produktbeschreibungen beschaeftigen, ob sie Ihre Upselling-Bereiche bemerken und ob Ihr "In den Warenkorb"-Button optimal positioniert ist fuer die Art, wie Besucher tatsaechlich Ihre Seiten durchstoebern.

Smart Insights -- Automatische Problemerkennung

Eine der leistungsfaehigsten Funktionen von Clarity ist die automatische Erkennung von Auffaelligkeiten. Die Plattform nutzt maschinelles Lernen, um Muster in Ihren Besucherdaten zu identifizieren und Probleme proaktiv aufzuzeigen:

• Tote Klicks -- Besucher klicken auf Elemente, die nicht interaktiv sind (Bilder, die wie Buttons aussehen, Text, der wie Links wirkt). Jeder tote Klick ist ein potenziell verlorener Verkauf.
• Wutklicks -- schnelles, wiederholtes Klicken auf dasselbe Element, das Frustration signalisiert. Haeufig bei langsam ladenden Warenkorb-Buttons oder nicht reagierenden Dropdown-Menues.
• UebermaeSSiges Scrollen -- Besucher scrollen wiederholt auf und ab, was darauf hindeutet, dass sie nicht finden, was sie suchen.
• Schnelle Ruecksprenge -- Besucher, die eine Seite aufrufen und sofort zurueckkehren, was darauf hindeutet, dass die Seite nicht ihren Erwartungen entsprach.

Diese Erkenntnisse werden automatisch in Ihrem Clarity-Dashboard angezeigt -- Sie muessen nicht manuell Hunderte von Sitzungen durchsehen, um Probleme zu finden.

Google Analytics-Integration

Clarity integriert sich direkt mit Google Analytics (sowohl Universal Analytics als auch GA4). Nach der Verbindung koennen Sie Session-Aufzeichnungen direkt aus Ihren GA-Berichten starten -- klicken Sie auf eine Kennzahl in GA und schauen Sie sich die tatsaechlichen Sitzungen dahinter an. Dies ueberbrueckt die Luecke zwischen quantitativen Daten (GA) und qualitativem Verstaendnis (Clarity).

Datenschutz und GDPR

Microsoft Clarity wurde mit Datenschutz als Kernprinzip entwickelt:

• Standardmaessig keine Cookies -- Clarity verwendet einen cookielosen Tracking-Ansatz, was bedeutet, dass unter den meisten GDPR-Auslegungen keine Cookie-Einwilligung fuer die Grundfunktionalitaet erforderlich ist. Konsultieren Sie jedoch Ihren Rechtsberater fuer Ihre spezifische Situation.
• Maskierung sensibler Daten -- alle Formulareingaben, einschliesslich Checkout-Felder, werden in Aufzeichnungen automatisch maskiert. Sie sehen, dass ein Besucher in ein Feld getippt hat, aber nicht was.
• Datenverarbeitung -- Microsoft verarbeitet Clarity-Daten gemaess ihren Standard-Datenschutzbestimmungen. Die Daten werden in Microsoft Azure-Rechenzentren gespeichert.
• Kein Datenverkauf -- Microsoft verkauft keine Clarity-Daten und nutzt sie nicht fuer Werbezwecke ausserhalb des Clarity-Produkts.

Technische Umsetzung

Das Modul fuegt den JavaScript-Tracking-Code von Clarity asynchron im <head>-Bereich Ihres Shops ein. Das Script ist:

• ~16KB komprimiert -- eines der kleinsten verfuegbaren Analyse-Scripts
• Asynchron und nicht-blockierend -- laedt parallel zu Ihrer Seite und verzoegert niemals das Rendering
• Verarbeitet automatisch SPAs und dynamische Inhalte -- erfasst Interaktionen auch bei per AJAX geladenen Elementen
• Keine externen Abhaengigkeiten -- kein jQuery, keine zusaetzlichen Bibliotheken

Einrichtung

1. Erstellen Sie ein kostenloses Konto auf clarity.microsoft.com und richten Sie ein neues Projekt ein.
2. Kopieren Sie Ihre Clarity-Projekt-ID (eine Zeichenkette wie abc123xyz).
3. Installieren Sie dieses Modul in PrestaShop, fuegen Sie die Projekt-ID ein und speichern Sie.
4. Clarity beginnt sofort mit der Datenerfassung -- Heatmaps und Aufzeichnungen erscheinen innerhalb von 2 Stunden.