Heatmap für Shopify: Clarity einrichten und richtig lesen

Eine Heatmap für deinen Shopify-Shop bekommst du über eine App aus dem Shopify App Store; Microsoft Clarity ist kostenlos, hat eine deutsche Oberfläche und zeigt Heatmaps und Aufzeichnungen einzelner Besuche. Eine Heatmap zeigt dir, wohin Besucher:innen auf einer Seite klicken und wie weit sie scrollen. Bevor du sie einschaltest, brauchst du nach § 25 TDDDG in der Regel eine Einwilligung deiner Besucher:innen, und vorher lohnt ein Blick in Shopifys eigene Berichte, damit du weißt, welche Seite du dir überhaupt ansehen solltest.

Was eine Heatmap zeigt

Eine Klick-Heatmap färbt die Stellen einer Seite ein, auf die oft geklickt wird. Eine Scroll-Heatmap zeigt, welcher Anteil der Besucher:innen welche Höhe der Seite erreicht. Aufzeichnungen spielen einzelne Besuche ab, mit Mausbewegungen, Klicks und Scrollen. Damit siehst du etwa, ob das Größendiagramm geöffnet wird oder ob auf dem Handy jemand den Abschnitt mit den Versandkosten erreicht; das zeigen Shopifys Berichte nicht.

Erst die Shopify-Zahlen

Unter Statistiken > Berichte zeigt die „Aufschlüsselung der Conversion-Rate“, an welchem Schritt Besucher:innen abspringen, und „Sitzungen nach Landing-Page“, welche Seiten am meisten Besuche bekommen. Such dir eine Seite mit vielen Besuchen und schwacher Conversion aus und schau dir genau diese in der Heatmap an. Wie du die Berichte liest und welche Hebel es pro Schritt gibt, steht in unserem Beitrag zur Conversion-Rate.

Microsoft Clarity einrichten

Microsoft Clarity: AI Insights zeigte am 1. November 2026 im Shopify App Store 4,6 Sterne aus 2.466 Rezensionen, den Preis „Free Forever“ und Deutsch als eine von 14 Sprachen. Das Listing nennt Heatmaps und Aufzeichnungen von Besuchen.

1. Installiere die App aus dem Shopify App Store und verbinde sie mit einem Clarity-Konto.
2. Prüfe, wie die App mit deinem Cookie-Banner zusammenarbeitet (dazu gleich mehr).
3. Warte einige Tage, bis genug Besuche aufgezeichnet sind; eine Heatmap aus zwanzig Besuchen sagt wenig.
4. Öffne die Heatmap deiner ausgewählten Seite, getrennt nach Handy und Computer.

Bei kostenpflichtigen Heatmap-Apps liest du vor dem Kauf auf der App-Seite, wonach sie abrechnen.

Einwilligung nach dem TDDDG

Heatmap-Tools wie Clarity arbeiten mit Skripten im Browser der Besucher:innen. Nach § 25 TDDDG ist das nur mit Einwilligung zulässig, außer es ist für einen ausdrücklich gewünschten Dienst unbedingt erforderlich. Ob für dein Heatmap-Tool eine Ausnahme greift, klärst du mit deiner Rechtsberatung; ohne Ausnahme brauchst du die Einwilligung. Das Clarity-Listing spricht von DSGVO-Konformität mit „built-in consent“, beschreibt aber keine Anbindung an ein Cookie-Banner.

In Shopify legst du unter Einstellungen > Datenschutz für die Kundschaft fest, ob und wie Besucher:innen aus Deutschland und der EU um Einwilligung gebeten werden. Prüfe nach der Installation in einem privaten Browserfenster, ob Clarity erst nach einer Zustimmung lädt, und nenne das Tool in deiner Datenschutzerklärung. Für die rechtliche Bewertung im Einzelfall ist deine Rechtsberatung zuständig.

Worauf du in der Heatmap achtest

• Klicks auf Dinge, die keine Links sind. Wer auf ein Produktbild oder eine Überschrift klickt und nichts passiert, erwartet dort eine Funktion, etwa eine größere Ansicht.
• Wie weit gescrollt wird. Liegt der Kaufen-Button auf dem Handy unterhalb der Stelle, an der die meisten aufhören, gehört er weiter nach oben.
• Ignorierte Abschnitte. Ein Banner, das kaum jemand ansieht oder anklickt, kann weg oder an eine andere Stelle.
• Unterschiede zwischen Geräten. Ein Menü, das am Computer genutzt wird und auf dem Handy nicht, ist auf dem Handy vielleicht schwer zu finden.

Ändere danach eine Sache und vergleiche, sobald genug neue Besuche da sind, die Heatmap und die Conversion der Seite.

Und der Checkout?

Im Checkout erlaubt Shopify Apps nur über bestimmte Erweiterungen; Web-Pixel-Erweiterungen sind ab dem Basic-Tarif möglich, Blöcke auf den Seiten für Kontaktdaten, Versand und Zahlung nur im Plus-Tarif. Ob eine Heatmap-App Checkout-Seiten erfasst, steht im besten Fall in ihrer Beschreibung; das Clarity-Listing nennt „Checkout analytics“, sagt aber nicht, ob Heatmaps und Aufzeichnungen Checkout-Seiten einschließen. Für den Checkout ist Shopifys Bericht zur Conversion-Rate die verlässlichere Quelle, und was du dort ändern kannst, steht in Shopify Checkout anpassen. Weitere Anleitungen findest du unter Shop betreiben.

Häufige Fragen

Gibt es eine kostenlose Heatmap für Shopify? Microsoft Clarity ist laut seinem Listing im Shopify App Store kostenlos und bietet Heatmaps und Aufzeichnungen von Besuchen. Die Oberfläche gibt es auf Deutsch.

Brauche ich für eine Heatmap ein Cookie-Banner? Nach § 25 TDDDG brauchst du für das Speichern und Auslesen von Informationen im Browser eine Einwilligung, wenn es nicht unbedingt erforderlich ist. Prüfe, dass das Tool erst nach der Zustimmung lädt, und lass die Umsetzung rechtlich prüfen.

Sieht eine Heatmap auch den Checkout? Shopify erlaubt Apps im Checkout nur über bestimmte Erweiterungen. Prüfe in der Beschreibung der App, welche Seiten sie erfasst, und nutze für den Checkout Shopifys Bericht zur Conversion-Rate.