Was eine Scroll Map darüber zeigt, wo Leser aufhören

Was ist eine Scroll Map?

In der Webanalyse ist eine Scroll Map eine Heatmap, die jedes horizontale Band einer Seite nach dem Prozentsatz der Besucher färbt, deren Bildschirm dieses Band erreicht hat, am heißesten oben, wo alle beginnen, und kühler, je mehr Menschen gehen. Das Tracking-Skript erfasst für jeden Seitenaufruf den tiefsten gescrollten Punkt, und das Heatmap-Tool macht aus diesen Tiefen eine kumulative Kurve, die es über einen Screenshot legt. Nutzen Sie sie für eine einzige Frage: Haben genug Menschen den entscheidenden Abschnitt gesehen, bevor sie gegangen sind?

Die Dokumentation von Microsoft Clarity benennt den Zweck direkt: Scroll Maps "help you determine the ideal page length for maximum conversions and show how far your users scroll on the pages." Eine Scroll Map zeigt nicht, was Menschen gelesen, geklickt oder verstanden haben. Sie zeigt Reichweite, und Reichweite ist die erste Hürde, von der jede andere Seitenmetrik abhängt. Die Übersicht über jeden Website-Heatmap-Typ stellt die Scroll Map neben Click, Move, Confetti und Attention Maps.

Wie berechnet eine Scroll Map den Prozentsatz für jedes Band?

Eine Scroll Map berechnet den Prozentsatz jedes Bands, indem sie die Zahl der Seitenaufrufe, die diese Tiefe erreicht haben, durch alle Seitenaufrufe der Stichprobe teilt. Jeder Besucher zählt als einer, der den oberen Rand erreicht hat. Die Kurve beginnt also bei 100% und kann nach unten hin nur fallen.

Clarity zeigt die Zahlen in einem Seitenpanel mit drei Spalten. "% Scrolled" zeigt "the page percent data in increments of 5%," "# of visitors" zeigt, wie viele Nutzer auf der Seite gelandet sind, und "% drop off" zeigt "the percent of visitors who dropped off at a corresponding percent of page height." Wenn Sie mit der Maus über die Map fahren, sehen Sie "the exact % of users who reached that point," und Clarity zeichnet feste Linien bei 25%, 50% und 75%.

Element der Scroll Map	Was es zeigt	Wie Sie es nutzen
Farbbänder	Anteil der Besucher, die jede Tiefe erreicht haben, von warm bis kühl	Ein schneller Blick darauf, wo sich das Publikum ausdünnt
Spalte % scrolled	Seitenhöhe in Schritten von 5%	Einen Abschnitt über seine Position auf der Seite finden
Spalte % drop off	Anteil der Besucher, der in jedem Schritt verloren geht	Das eine Band finden, das die meisten Menschen verliert
Linien bei 25%, 50%, 75%	Tiefe, die dieser Anteil der Besucher erreicht hat	Prüfen, ob ein wichtiger Abschnitt über oder unter jeder Linie liegt
Durchschnittlicher Fold	Was Besucher vor dem Scrollen gesehen haben	Entscheiden, was auf den ersten Bildschirm gehört

Die Drop-off-Spalte sollten Sie zuerst lesen. Ein gleichmäßiger Abfall von oben nach unten ist normal. Eine plötzliche Stufe, bei der 20% der Besucher in einem einzigen 5%-Band gehen, deutet auf einen bestimmten Abschnitt, der Menschen stoppt.

Was ist der durchschnittliche Fold auf einer Scroll Map?

Der durchschnittliche Fold auf einer Scroll Map ist eine Linie, die markiert, wie viel der Seite der durchschnittliche Besucher auf dem Bildschirm gesehen hat, bevor er überhaupt gescrollt hat. Clarity definiert ihn als "the content seen above the fold based on the users accessing your site," und schreibt, er "indicates the average location visible on a webpage before the user starts scrolling."

Der Fold ist ein Durchschnitt über verschiedene Bildschirmgrößen, deshalb ergibt er nur auf einer Map Sinn, die auf einen Gerätetyp gefiltert ist. Eine Desktop-Map und eine Smartphone-Map setzen den Fold an sehr unterschiedliche Stellen. Lesen Sie die Linie als Grenze dessen, was alle ohne Aufwand gesehen haben. Alles darunter musste sich ein Scrollen verdienen.

Worin unterscheidet sich eine Scroll Map vom Scroll-Depth-Tracking?

Eine Scroll Map ist eine visuelle Darstellung der gesamten Reichweitenkurve über der Seite, während Scroll-Depth-Tracking Meilenstein-Events an Ihr Analytics-Tool sendet, wenn ein Besucher festgelegte Schwellen wie 25%, 50%, 75% und 90% überschreitet. Beide messen, wie weit Menschen kommen. Sie beantworten unterschiedliche Folgefragen.

	Scroll Map	Scroll-Depth-Events
Ausgabe	Farbiges Overlay auf einem Screenshot	Events in Ihren Analytics-Reports
Auflösung	Durchgehend, jedes Band	Nur die Schwellen, die Sie festlegen
Segmentierung	Filter innerhalb des Heatmap-Tools	Jede Dimension, die Ihr Analytics-Tool kennt, etwa Quelle oder Kampagne
Am besten für	Erkennen, an welcher Stelle der Seite Menschen gehen	Reichweite über Seiten, Quellen und Zeit vergleichen

Der Leitfaden zur Scroll-Tiefe behandelt die Event-Seite, auch die Frage, warum Element-Sichtbarkeit bei einem Call to Action besser ist als Prozentschwellen. Nutzen Sie die Scroll Map, um das Problemband zu finden, und dann Events, um zu beobachten, ob eine Korrektur die Zahl über die Zeit bewegt.

Wie lesen Sie eine Scroll Map Schritt für Schritt?

Lesen Sie eine Scroll Map, indem Sie auf ein Gerät filtern, den größten Drop-off suchen und dann prüfen, wo Ihre wichtigen Abschnitte im Verhältnis zu den Linien bei 50% und 75% liegen. Das dauert pro Seite ein paar Minuten.

1. Filtern Sie auf einen Gerätetyp. Wer Desktop und Mobile mischt, mittelt zwei verschiedene Seitenhöhen zu einer bedeutungslosen Kurve.
2. Notieren Sie den durchschnittlichen Fold. Listen Sie auf, was darüber liegt. Wenn Headline, Angebot und wichtigster Call to Action nicht alle dort stehen, fangen Sie damit an.
3. Suchen Sie den steilsten Abfall in der Spalte % drop off. Scrollen Sie auf dem Screenshot zu diesem Band und benennen Sie den Abschnitt, der dort liegt.
4. Markieren Sie Ihre wichtigen Abschnitte. Suchen Sie Social Proof, Preise und das Formular oder den Call to Action und notieren Sie für jeden den Prozentsatz der Besucher, die ihn erreicht haben.
5. Vergleichen Sie mit Ihrem Ziel. Wenn die Preise dort stehen, wo nur 30% der Besucher ankommen, hat der Großteil des Publikums den Preis nie gesehen.
6. Sehen Sie sich einige Aufzeichnungen an, die im Drop-off-Band enden. Die Map zeigt Ihnen, wo Menschen gehen. Ein Session Replay zeigt, was in diesem Moment auf dem Bildschirm war.
7. Verschieben Sie einen Abschnitt und messen Sie neu. Ändern Sie eine Sache und vergleichen Sie die neue Map mit der alten über dieselbe Anzahl an Tagen.

Dieselben Schritte gelten, wenn Sie eine Landingpage analysieren: Reichweite kommt zuerst, denn ein Abschnitt, den niemand erreicht, kann niemanden konvertieren.

Vier Dinge, die eine Seite dehnen oder stauchen

Lazy-geladene Bilder und Embeds Fügen nach dem ersten Rendern Höhe hinzu, sodass derselbe Abschnitt bei schnellen und langsamen Verbindungen bei anderen Prozentwerten liegt

Infinite Scroll und Load-more-Feeds Die Seite wächst beim Scrollen, daher wandert die 80%-Marke mit

Geschlossene Akkordeons und Tabs Die Seite ist kürzer als der Screenshot mit aufgeklappten Inhalten

Cookie-Banner und Sticky-Promo-Leisten Schieben Inhalte für manche Besucher nach unten, für andere nicht

Warum führt eine Scroll Map auf manchen Seiten in die Irre?

Eine Scroll Map führt in die Irre, wenn sich die Seitenhöhe zwischen Besuchen ändert, weil jeder Prozentwert auf der Map ein Prozentwert einer Höhe ist, die das Tool als fest annimmt. Die Skala von Clarity selbst ist in "percent of page height" angegeben, und alles, was die Seite streckt oder staucht, verschiebt, was 50% bedeuten.

Vier Seitenmuster verursachen das. Lazy geladene Bilder und Embeds fügen nach dem ersten Rendern Höhe hinzu, sodass derselbe Abschnitt bei schneller und langsamer Verbindung bei unterschiedlichen Prozentwerten liegt. Infinite Scroll und "Mehr laden"-Feeds lassen die Seite wachsen, während der Besucher scrollt, und 80% einer Seite zu erreichen, die immer länger wird, ist nicht dasselbe wie 80% eines festen Artikels. Akkordeons und Tabs, die geschlossen starten, machen die Seite kürzer als den Screenshot, wenn ausgeklappter Inhalt mitgezählt wird. Cookie-Banner und fixierte Werbeleisten schieben Inhalte für manche Besucher nach unten und für andere nicht.

Kurze Seiten verursachen das umgekehrte Problem. Wenn die ganze Seite auf einen Bildschirm passt, erreicht jeder Besucher 100%, ohne zu scrollen, und die Map zeigt flächige Hitze, die nichts bedeutet. Vergleichen Sie den durchschnittlichen Fold mit der Seitenlänge, bevor Sie etwas in die Farben einer kurzen Seite hineinlesen.

Wie misst Flowsery, wie weit Besucher scrollen?

Flowsery misst die Scroll-Reichweite als Teil seiner Landingpage-Analytics, die "sources, UTMs, referrers, scroll depth, CTA clicks, goals, and funnel steps without cookies or personal IDs" erfassen. Flowsery beschreibt den Zweck so, dass gemessen wird, "whether visitors reach proof, pricing, forms, and primary calls to action before they leave". Das ist dieselbe Frage, die eine Scroll Map beantwortet, nur als Zahlen, die Sie nach Seite und Quelle vergleichen können, statt als Farb-Overlay. Flowsery führt Scroll Maps oder Heatmaps nicht unter seinen Funktionen auf. Sein Session Replay erfasst jeden Klick und jedes Scrollen als vollständige DOM-Wiedergabe, sodass Sie sich die Besuche ansehen können, die an einem bestimmten Abschnitt aufgehört haben.

Häufig gestellte Fragen

Was bedeutet der rote Bereich auf einer Scroll Map?

Rot markiert die Bänder, die der größte Anteil der Besucher erreicht hat, und das ist immer der obere Teil der Seite. Die Farbe wird kühler, je mehr Besucher gehen. Lesen Sie den Prozentwert beim Überfahren mit der Maus oder im Seitenpanel ab, statt nur nach der Farbe zu urteilen.

Was ist ein gutes Ergebnis auf einer Scroll Map?

Ein gutes Ergebnis ist eines, bei dem Ihr wichtigster Call to Action oberhalb der Tiefe liegt, die die meisten Besucher auf diesem Gerät erreichen. Einen allgemeingültigen Prozentwert gibt es nicht, weil eine kurze Preisseite und ein langer Artikel unterschiedliche Aufgaben haben. Vergleichen Sie eine Seite nach jeder Änderung mit ihren eigenen früheren Maps.

Warum zeigt meine Scroll Map unten 100%?

Die Seite passt für die meisten Besucher auf einen Bildschirm, also haben sie das Ende erreicht, ohne zu scrollen. Eine Scroll Map auf einer kurzen Seite hat nichts zu messen. Prüfen Sie, wo der durchschnittliche Fold liegt, bevor Sie die Farben lesen.

Sollte ich getrennte Scroll Maps für Mobile und Desktop erstellen?

Ja. Seitenhöhe, Fold und die Position jedes Abschnitts ändern sich mit der Bildschirmgröße, eine kombinierte Map mittelt also zwei verschiedene Seiten. Clarity lässt Sie aus genau diesem Grund zwischen den Ansichten für PC, Tablet und Mobile wechseln.

Was ist der Unterschied zwischen einer Scroll Map und einer Attention Map?

Eine Scroll Map zeigt, wie weit nach unten Besucher gekommen sind. Eine Attention Map zeigt, wie lange jeder Teil der Seite auf dem Bildschirm war. Ein Abschnitt kann hohe Reichweite und geringe Aufmerksamkeit haben, wenn Menschen direkt an ihm vorbeiscrollen.

Zeigt eine Scroll Map, ob Menschen den Inhalt gelesen haben?

Nein. Eine Scroll Map erfasst, dass ein Band auf dem Bildschirm war, nicht, dass es jemand gelesen hat. Schnelles Vorbeiscrollen an einem Abschnitt zählt genauso wie Anhalten zum Lesen. Kombinieren Sie die Map daher mit Aufmerksamkeitsdaten oder Aufzeichnungen, bevor Sie behaupten, ein Abschnitt sei gelesen worden.

Wie finde ich auf einer Scroll Map die Stelle, an der Besucher abspringen?

Lesen Sie die Drop-off-Spalte und suchen Sie die steilste Stufe. Ein gleichmäßiger Abfall ist normal, aber ein Band, in dem auf einmal 20% der Besucher gehen, weist auf einen Abschnitt hin, der Menschen aufhält. Scrollen Sie im Screenshot zu diesem Band und benennen Sie den Abschnitt, der dort liegt.

Warum sieht meine Scroll Map auf einer Seite mit Infinite Scroll falsch aus?

Jeder Prozentwert auf einer Scroll Map ist ein Anteil an einer Seitenhöhe, die das Tool als fest annimmt. Ein Infinite-Scroll- oder Load-more-Feed wächst beim Scrollen, daher ist das Erreichen von 80% nicht dasselbe wie 80% eines Artikels mit fester Länge.

Hat Flowsery Scroll Maps?

Flowsery führt Scroll Maps oder Heatmaps nicht unter seinen Funktionen auf. Die Scroll-Tiefe misst es im Rahmen seiner Landingpage-Analytics, als Zahlen, die Sie nach Seite und Quelle vergleichen können. Mit der Session Replay lassen sich die Besuche ansehen, die an einem bestimmten Abschnitt endeten.

Woran erkenne ich, ob das Verschieben eines Abschnitts meine Scroll Map verbessert hat?

Ändern Sie nur eine Sache und vergleichen Sie die neue Map mit der alten über dieselbe Anzahl von Tagen. Mit Scroll-Depth-Events sehen Sie, ob der Wert über die Zeit stabil bleibt. Aufzeichnungen, die am Drop-off-Band enden, zeigen, was beim Verlassen auf dem Bildschirm war.