WooCommerce Kundenabsprünge analysieren mit Heatmaps und Recordings

Dein WooCommerce-Shop hat Besucher, aber zu wenige kaufen. Das ist kein Zufall und auch kein Schicksal, sondern ein Problem mit einer Ursache, die du finden kannst. Google Analytics zeigt dir, an welchem Schritt Besucher aussteigen. Heatmaps und Session-Recordings machen sichtbar, was davor auf der Seite passiert: wo Nutzer stecken bleiben, was sie ignorieren und an welcher Stelle sie den Kaufprozess abbrechen. Dieser Artikel zeigt dir, wie du beides zusammen einsetzt, um Verkaufsverluste konkret zu identifizieren und zu beheben, und worauf du beim Datenschutz achten solltest.

Klassische Analysetools zeigen dir genau, wo Besucher aussteigen, aber nicht, wie es dazu kommt. Zahlen wie Absprungrate, Sitzungsdauer oder Conversion Rate beschreiben das Ergebnis, nicht den Weg dorthin.

Der GA4-Trichter zeigt den Schritt, an dem Besucher aussteigen

Mit der Trichteranalyse in Google Analytics 4 legst du die Schritte deines Kaufprozesses fest, etwa Produktseite, Warenkorb, Checkout und Kauf. Laut Google siehst du dann, wie gut Nutzer bei jedem einzelnen Schritt vorankommen oder scheitern. Ein Trichter kann bis zu 10 Schritte haben, und du kannst bis zu 4 Segmente vergleichen. Mit der Aufschlüsselung nach Gerätekategorie erkennst du, ob Besucher auf dem Handy an einer anderen Stelle aussteigen als am Desktop, und die Option „Show elapsed time“ zeigt die durchschnittliche Zeit zwischen zwei Schritten (Google, Hilfeseite zur Trichteranalyse in GA4).

Die pauschale Aussage, Google Analytics sage dir nichts über Kaufabbrüche, stimmt also nicht. Der Trichter verrät dir, an welchem Schritt es hakt. Zeigt er den Checkout als undichte Stelle, helfen die üblichen Hebel gegen Kaufabbrüche im Checkout.

Heatmaps und Recordings zeigen, was auf der Seite passiert

Ein Trichter zählt Schritte. Welches Formularfeld jemand dreimal neu ausfüllt oder auf welches Element er vergeblich klickt, steht in keinem Trichterdiagramm. Genau hier setzen verhaltensbasierte Analysetools an. Sie zeichnen auf, wie reale Nutzer mit deiner Website interagieren: was sie anklicken, wie weit sie scrollen, wie sie die Maus bewegen und an welchem Punkt sie die Seite verlassen.

Die sinnvolle Reihenfolge ist deshalb: erst im Trichter den Schritt finden, an dem die meisten aussteigen, dann genau diese Seite mit Heatmaps und Recordings untersuchen.

Eine Heatmap ist eine visuelle Überlagerung deiner Seite, die das Verhalten vieler Besucher zusammenfasst. Üblicherweise stehen warme Farben wie Rot für viel Aktivität und kalte wie Blau für wenig. Klingt simpel, ist aber in der Interpretation oft tückisch, denn eine Heatmap zeigt, was passiert, nicht warum.

Klick-Heatmaps: Was Besucher tatsächlich anklicken

Klick-Heatmaps zeigen, welche Elemente angeklickt werden und welche ignoriert werden. Besonders aufschlussreich sind Klicks auf Elemente ohne Funktion, etwa auf Produktbilder, die sich nicht vergrößern lassen, oder auf Texte, die wie ein Button aussehen. Viele Klicks auf ein totes Element zeigen eine unerfüllte Erwartung. Microsoft Clarity hebt solche „clicks that go nowhere“ zusammen mit Rage-Clicks in seinen Auswertungen eigens hervor (Microsoft, Plugin-Beschreibung auf WordPress.org).

Was eine Klick-Heatmap zeigen kann:

• Wichtige Buttons werden übersehen, weil sie visuell nicht herausstechen
• Der „In den Warenkorb“-Button konkurriert mit anderen Elementen um Aufmerksamkeit
• Nutzer klicken auf Produktbilder und erwarten eine Vergrößerung, die es nicht gibt
• Auswahlfelder für Varianten wie Größe oder Farbe werden übersprungen oder mehrfach angeklickt

Scroll-Heatmaps: Wie weit Besucher wirklich kommen

Scroll-Heatmaps zeigen, wie weit Nutzer auf einer Seite nach unten scrollen. Der entscheidende Wert ist die Scroll-Tiefe, also der Anteil der Besucher, der einen bestimmten Seitenbereich überhaupt zu sehen bekommt.

Wie stark die Aufmerksamkeit nach unten abnimmt, hat die Nielsen Norman Group mit Eyetracking gemessen. Bei 120 Teilnehmern und über 130.000 Blickfixationen auf einem Bildschirm mit 1920 × 1080 Pixeln entfielen rund 57 Prozent der Betrachtungszeit auf den Bereich, der ohne Scrollen sichtbar ist, also über der sogenannten Fold-Line. Die zweite Bildschirmhöhe bekam 17 Prozent, die übrigen 26 Prozent verteilten sich auf den Rest der Seite. In der Messung von 2010, damals auf Bildschirmen mit 1024 × 768 Pixeln, lag der Anteil über der Fold-Line noch bei 80 Prozent. Als Gründe für den Unterschied nennt die Nielsen Norman Group größere Bildschirme und neue Designtrends, ohne deren Anteil trennen zu können (Fessenden, Nielsen Norman Group 2018).

Die verbreitete Faustregel, unter der Fold-Line nehme nur noch ein Bruchteil der Besucher etwas wahr, ist damit zu grob: In den ersten drei Bildschirmhöhen lagen zusammen 81 Prozent der Betrachtungszeit. Richtig bleibt, dass die Aufmerksamkeit nach der ersten Bildschirmhöhe steil abfällt. Die Studie lief auf Desktop-Bildschirmen, für Mobilgeräte belegt sie keine Zahl. Die Nielsen Norman Group fasst ihre Haltung so zusammen: „people will scroll if they have a reason to do it“.

Für deinen Shop heißt das: Zeigt deine Scroll-Heatmap, dass nur ein kleiner Teil der Besucher bis zur Produktbeschreibung kommt, hol die wichtigsten Kaufargumente nach oben. Die Nielsen Norman Group empfiehlt ausdrücklich, die wichtigsten Handlungsaufforderungen über der Fold-Line zu platzieren (Fessenden, Nielsen Norman Group 2018).

Move-Heatmaps: Mausbewegungen mit Vorsicht lesen

Move-Heatmaps zeichnen auf, wie Besucher die Maus über die Seite bewegen. Daraus lässt sich ablesen, welche Bereiche Besucher mit der Maus ansteuern und wo sie verweilen. Ob die Maus dabei dem Blick folgt, zeigt die Heatmap selbst nicht. Lies sie deshalb als Hinweis und nicht als Blickverlauf. Auf Mobilgeräten gibt es keine Maus, dort fehlt dieses Signal.

Ein Session-Recording ist eine Aufzeichnung einer echten Nutzersitzung, die du wie ein Video abspielst. Du siehst, wie jemand durch deinen Shop navigiert: Mausbewegungen, Klicks, Scrollverhalten, Formularfehler, Seitenabbrüche. Microsoft beschreibt die Recordings von Clarity so, dass du dort siehst, wo alles reibungslos läuft und wo Nutzer abspringen (Microsoft, Plugin-Beschreibung auf WordPress.org).

Weil dabei echtes Verhalten aufgezeichnet wird, ist Datenschutz hier kein Nebenthema. Clarity maskiert laut Microsoft standardmäßig sensible Inhalte wie persönliche Nutzerdaten, bevor sie hochgeladen werden. Das beschreibt die Voreinstellung dieses einen Tools. Prüf bei jedem Tool selbst, welche Felder tatsächlich verdeckt werden, besonders im Checkout.

Session-Recordings sind besonders wertvoll für den Checkout-Prozess. Typische Muster, auf die du dort achten kannst:

• Nutzer füllen Felder aus, löschen sie wieder und füllen sie erneut aus
• Adressfelder werden falsch befüllt, weil Bezeichnungen unklar sind
• Nutzer verlassen den Checkout, nachdem sie das Gutscheinfeld gesehen haben
• Pflichtfelder werden übersehen und erzeugen Fehlermeldungen, die Nutzer nicht verstehen
• Mobile Nutzer haben Probleme mit der Tastatur in Formularfeldern
• Der „Kaufen“-Button ist auf kleinen Bildschirmen schwer erreichbar

Ein einzelnes Recording ist eine Anekdote. Aussagekräftig wird es, wenn sich dasselbe Muster in mehreren Sitzungen wiederholt. Dann siehst du nicht eine aggregierte Zahl, sondern echtes Verhalten mit seinen Umwegen, Unsicherheiten und Abbruchmomenten.

Welche Recordings du dir zuerst anschauen solltest

Nicht jede Aufzeichnung ist gleich wertvoll. Filtere gezielt nach:

• Sitzungen, die im Checkout gestartet, aber nicht abgeschlossen wurden
• Sitzungen mit langer Verweildauer auf einer Seite ohne Conversion
• Sitzungen mit auffällig vielen Klicks auf dasselbe Element (Rage-Clicks)
• Sitzungen von mobilen Nutzern, wenn dein GA4-Trichter dort mehr Ausstiege zeigt
• Sitzungen von Nutzern, die aus Werbekampagnen kommen

Diese Filterung spart Zeit und bringt dich schnell zu den relevanten Erkenntnissen.

Für Heatmaps und Session-Recordings gibt es mehrere Anbieter, die sich in einen WordPress-Shop einbinden lassen.

Microsoft Clarity

Microsoft beschreibt Clarity als kostenloses Werkzeug für Verhaltensanalyse mit Session-Recordings und Heatmaps. Die Auswertungen sollen Probleme wie Klicks ins Leere, Rage-Clicks und übermäßiges Scrollen sichtbar machen. Laut derselben Beschreibung gibt es keine Begrenzung der Zahl der Websites je Konto, keine Traffic-Grenzen und kein Sampling (Microsoft, Plugin-Beschreibung auf WordPress.org).

In WordPress bindest du Clarity über das offizielle Plugin ein: im Adminbereich unter Plugins nach „Microsoft Clarity“ suchen, installieren und aktivieren. Danach legst du im Plugin ein neues Clarity-Projekt an oder verbindest es mit einem bestehenden.

Für kleinere WooCommerce-Shops ist Clarity damit ein naheliegender Einstieg ohne Lizenzkosten.

Andere Anbieter

Neben Clarity gibt es weitere Anbieter wie Hotjar oder Lucky Orange. Funktionsumfang und Preise vergleichst du am besten zum Zeitpunkt deiner Entscheidung direkt beim jeweiligen Anbieter. Ein sinnvoller Weg für viele kleinere Shops: mit Clarity starten, Erkenntnisse sammeln und erst wechseln, wenn dir eine konkrete Funktion fehlt.

Daten sammeln ist der erste Schritt, aber Daten ohne Konsequenz sind wertlos. Der Ablauf von der Analyse zur Verbesserung funktioniert am besten strukturiert:

• Trichter anlegen: In GA4 die Schritte deines Kaufprozesses als Trichter definieren und den Schritt mit den meisten Ausstiegen suchen, auch getrennt nach Gerätekategorie.
• Tool einrichten und Daten sammeln lassen. Zieh keine Schlüsse aus einer Handvoll Sitzungen, sondern warte, bis sich Muster wiederholen.
• Schwerpunktseiten festlegen: Beginne mit der Seite, die der Trichter als Ausstiegsstelle zeigt. Meist sind das Produktseiten, Kategorieseiten, Warenkorb oder Checkout.
• Heatmaps pro Seite auswerten und Auffälligkeiten dokumentieren: Was wird geklickt, was wird ignoriert, wie weit wird gescrollt?
• Recordings filtern nach Abbrüchen, Rage-Clicks und mobilen Nutzern, und so viele ansehen, bis sich dasselbe Muster mehrfach zeigt.
• Hypothesen ableiten: Aus jedem Muster entsteht eine konkrete Annahme, z.B. „Der Checkout-Button ist auf dem Handy zu weit unten.“
• Änderung umsetzen und im selben Trichter messen, ob an diesem Schritt weniger Besucher aussteigen. Wenn möglich, mit einem A/B-Test absichern.

Dieser Zyklus wiederholt sich. Conversion-Optimierung ist kein einmaliges Projekt, sondern ein fortlaufender Prozess, der mit jedem Durchlauf präziser wird.

Heatmaps und Session-Recordings zeichnen das Verhalten echter Besucher auf. Damit bist du in der EU bei der DSGVO und bei den Regeln für Cookies und Tracking-Skripte. Die folgenden Punkte sind eine Arbeitsliste, keine Rechtsberatung:

• Den Einsatz im Cookie-Banner offenlegen und das Skript erst nach Einwilligung laden
• Die Maskierung prüfen: Clarity maskiert laut Microsoft standardmäßig sensible Inhalte, kontrolliere trotzdem in einigen Recordings, ob Formular- und Zahlungsfelder wirklich verdeckt sind
• Mit dem Anbieter klären, in welcher Rolle er die Daten verarbeitet, und den passenden Vertrag abschließen
• In der Datenschutzerklärung auf den Einsatz von Verhaltensanalyse-Tools hinweisen

Ob ein Tool in deiner Konfiguration zulässig ist, hängt von den Einstellungen und vom Anbieter ab. Lass dich im Zweifel von einem Datenschutzbeauftragten beraten, besonders wenn du sensible Produktkategorien verkaufst.

Wenn Besucher deinen Shop verlassen, ohne zu kaufen, lohnt es sich, nach konkreten Hindernissen zu suchen, statt zu raten. Trichter, Heatmaps und Session-Recordings machen diese Hindernisse gemeinsam sichtbar.

Die wichtigsten Punkte auf einen Blick:

• Der GA4-Trichter zeigt, an welchem Schritt Besucher aussteigen, auch getrennt nach Gerät
• Klick-, Scroll- und Move-Heatmaps zeigen, wohin Aufmerksamkeit geht und wo sie verloren geht
• Laut Nielsen Norman Group entfallen rund 57 Prozent der Betrachtungszeit auf den Bereich ohne Scrollen, gemessen auf Desktop-Bildschirmen
• Session-Recordings zeigen echte Nutzungsmuster im Checkout und auf Produktseiten
• Microsoft Clarity ist laut Microsoft kostenlos und bringt Heatmaps, Recordings und die Erkennung von Rage-Clicks mit
• Datenschutz gehört vor den Start: Einwilligung, geprüfte Maskierung, Vertrag mit dem Anbieter

Du musst nicht raten, wo dein Shop verliert. Der Trichter zeigt dir die Stelle, Heatmaps und Recordings zeigen dir das Verhalten davor.

• Nielsen Norman Group: Scrolling and Attention
• Google: GA4 Funnel exploration
• WordPress.org: Microsoft Clarity, WordPress plugin