Scrolltiefe

Verfügbar inallen Tarifen

Die Scrolltiefe zeigt, wie weit Ihre Besucher auf einer Seite nach unten kommen. Sie stammt aus demselben Skript, das die Seitenaufrufe erfasst, verursacht keine zusätzlichen Anfragen und ist anonym wie alles andere in Cabin.

Was gemessen wird

Für jeden Besuch wird der tiefste Punkt erfasst, den er erreicht hat, als Prozentsatz des Seiteninhalts. Der Wert wird einmal gesendet, wenn der Besucher die Seite verlässt.

Der Prozentsatz bezieht sich auf den Inhalt der Seite, nicht auf das ganze Dokument. Ein langer Footer lässt eine vollständig gelesene Seite also nicht wie 75 % aussehen. Siehe Was als Seite zählt.

Wo Sie sie finden

Im Dashboard zeigt die Zeile „Attention“ die durchschnittliche Scrolltiefe Ihrer Website. Der schmale Streifen daneben ist das Bild einer Seite: oben voll und nach unten hin blasser, je mehr Besucher abspringen. Fahren Sie mit der Maus über einen Abschnitt, um den genauen Anteil zu sehen, der so weit gekommen ist.

In der Seitenvorschau (Page Peek) öffnen Sie eine beliebige Seite aus Top Pages und wechseln zum Tab Attention. Dort sehen Sie dieselben Werte für diese Seite und zusätzlich eine größere Version des Streifens als Liste.

Die Heatmap lesen

Jede Zeile zeigt den Anteil der Besucher, die mindestens so weit nach unten gekommen sind. Die Zeile 0 % umfasst alle, und von dort aus fallen die Werte nur noch.

Der Rückgang zwischen zwei Zeilen zeigt, wo Leute aufgehört haben. Ein großer Rückgang weit oben bedeutet, dass die meisten Besucher gar nicht gescrollt haben. Liegt die Zeile 100 % nicht weit unter den übrigen, sind die meisten, die angefangen haben, bis zum Ende weitergegangen.

100 % bedeutet, dass das Ende des Inhalts auf dem Bildschirm zu sehen war, nicht dass er gelesen wurde. Wer direkt ans Ende springt, zählt auch.

Was als Seite zählt

Cabin misst die Tiefe am Inhaltsblock. Diesen sucht Cabin in dieser Reihenfolge:

1. Ein Element mit data-cabin-content, falls Sie eines hinzugefügt haben.
2. Andernfalls das erste <article> oder <main>.
3. Andernfalls das ganze Dokument, abgeschnitten beim ersten <footer>.

Wenn Ihr Layout kein <article> oder <main> hat oder diese neben dem Beitrag auch Seitenleiste und Kommentare umschließen, sagen Sie Cabin, wo der Inhalt ist:

<div data-cabin-content>
  <!-- der Text des Artikels -->
</div>

Das ist eines von zwei Attributen, die die Scrolltiefe versteht. Das andere finden Sie im nächsten Abschnitt.

Apps, Dashboards und Panels

Die meisten Websites scrollen das ganze Fenster. Apps oft nicht: Kopfzeile und Seitenleiste bleiben fest, und nur ein Bereich in der Mitte scrollt. Cabin folgt dem Element, das sich tatsächlich bewegt. Ein Layout im Dashboard-Stil wird also genauso gemessen wie eine normale Seite, und Sie müssen nichts tun.

Wenn Ihr Layout so ungewöhnlich ist, dass Cabin das falsche Element wählt, zeigen Sie auf das richtige:

<div data-cabin-scroll-root>
  <!-- der Teil der Seite, der scrollt -->
</div>

Die zwei Attribute

Das sind die einzigen zwei Attribute für die Scrolltiefe, und sie beantworten unterschiedliche Fragen.

	Welche Frage es beantwortet	Fügen Sie es hinzu, wenn
data-cabin-content	Welcher Teil der Seite zählt als Inhalt?	Ihre Seite kein <article> oder <main> hat oder eines, das auch Seitenleiste und Kommentare umschließt
data-cabin-scroll-root	Welches Element scrollt?	Cabin in einem App-Layout den falschen Bereich wählt

Anders gesagt: Der Scroll-Root ist dort, wo die Scrollleiste ist, und der Inhalt ist der Teil darin, den Sie messen wollen. Auf einer normalen Website müssen Sie über den Scroll-Root nie nachdenken. Die Antwort ist das Fenster, und genau das verwendet Cabin, solange nichts anderes angegeben ist.

<body>
  <header>fest, scrollt nie</header>

  <div data-cabin-scroll-root>
    <!-- der Teil, der sich bewegt -->
    <article data-cabin-content>
      <!-- der Teil, der zählt -->
    </article>
    <footer>hoch, soll nicht zum Lesen zählen</footer>
  </div>
</body>

Die beiden sind unabhängig voneinander. Vielleicht brauchen Sie also nur eines davon, und die meisten Websites brauchen keines. Es wird jeweils nur das erste markierte Element verwendet.

Seiten, die beim Scrollen wachsen

Die Scrolltiefe ist ein Prozentsatz, und ein Prozentsatz braucht eine Gesamtgröße. Bei einem Artikel steht diese fest, also bedeutet der Wert, was Sie erwarten.

Bei einem Feed oder einer Seite mit einer Schaltfläche Load more (Mehr laden) wird die Seite länger, während der Besucher liest. Die Gesamtgröße ändert sich ständig, und der Prozentsatz ändert sich mit:

• Jemand liest bis zum Ende dessen, was geladen ist. Das sind 100 %.
• Die Person klickt auf „Load more“. Die Seite ist jetzt dreimal so lang, und vom neuen Teil hat sie noch nichts gelesen.
• Sie steht jetzt bei 33 %.

Mit der Zahl ist nichts falsch. Sie gibt korrekt wieder, wie weit die Person durch das Geladene gekommen ist. Das heißt aber: Der Prozentsatz kann sinken, je mehr sich jemand mit der Seite beschäftigt. Und bei einem Feed, der immer vor dem Leser nachlädt, erreicht niemand je das Ende, 100 % kommen also praktisch nie vor.

Was Sie stattdessen tun können

Zählen Sie auf solchen Seiten lieber die Ladevorgänge, statt den Prozentsatz zu lesen. Setzen Sie ein Event auf die Schaltfläche:

<button data-cabin-event="Load more">Load more</button>

Jetzt sehen Sie, wie oft Leute mehr sehen wollten, und das war eigentlich Ihre Frage. Dieser Wert steigt mit dem Interesse, statt zu fallen.

Die Scrolltiefe lohnt auf diesen Seiten trotzdem einen Blick. Lesen Sie sie nur nicht als „wie weit sie nach unten gekommen sind“.

Was nicht gezählt wird

• Seiten, die kürzer als der Bildschirm sind. Hier gibt es nichts zu scrollen. Der Besuch wird deshalb als nicht gemessen erfasst und nicht berücksichtigt. Dasselbe gilt für eine Seite, deren Inhaltsblock so kurz ist, dass er vollständig auf den Bildschirm passt: Es gibt kein Scrollen zu messen. Cabin misst dann an der ganzen Seite, statt ein Lesen zu melden, das nie stattgefunden hat.
• Besuche, die abrupt enden. Der Wert wird gesendet, wenn der Besucher die Seite verlässt, und manche Browser geben dem Skript dazu keine Gelegenheit. Die Scrolltiefe (wie auch die Verweildauer) beruht daher auf einer Stichprobe der Besuche. Die Zahl der gemessenen Besuche steht unter dem Durchschnitt.
• Bots und Scraper. Sie führen das Skript nicht aus. KI-Crawler werden separat unter KI-Traffic gezählt.

Tarife

Die Scrolltiefe gibt es in jedem Tarif, auch in Free. Sie wird seit ihrem Start für jede Website erfasst. Auch wenn Ihnen das Dashboard neu ist, gibt es also vielleicht schon Verlaufsdaten zum Ansehen.