Zenovay erfasst bei jedem Seitenaufruf, wie weit jede Besucherin oder jeder Besucher scrollt. Das Dashboard verwandelt dieses Signal in drei handlungsrelevante Ansichten.
Die drei Ansichten
- Tab „Seiten" → Scrolltiefen-Karte — voll-Breite-Zeile unter den Karten Quelle / Seite / Standort / System. Es ist eine optionale Karte, deshalb musst du sie zuerst aus dem Anpassen-Menü hinzufügen (siehe unten).
- Heatmap-Ansicht → Modus „Scroll" — Farbverlauf-Overlay auf dem Seiten-Screenshot
- Sitzungsdetail → Maximale Scrolltiefe — Einzeiler auf der Besucherkarte
Was die Meilensteine bedeuten
Jeder Meilenstein feuert das erste Mal, wenn eine Besucherin oder ein Besucher diese Scrolltiefe auf einer Seite überschreitet. Danach ist Ruhe — Zurück- und wieder Vorscrollen löst nichts erneut aus. In Single-Page-Apps setzen Routenwechsel (pushState / replaceState) den Status zurück, sodass die neue Route alle 5 Meilensteine frisch feuern kann.
| Meilenstein | Klarsprache-Bedeutung |
|---|---|
| 25% | „Über den Hero / Eröffnungsabschnitt hinaus gelesen" |
| 50% | „Auf halber Höhe der Seite" |
| 75% | „Nahe am Ende der Inhalte / CTA" |
| 90% | „Am Ende des lesbaren Inhalts" |
| 100% | „Footer erreicht" |
Das Funnel-Diagramm lesen
Öffne eine Domain und bleibe auf dem Seiten-Tab. Die Scrolltiefen-Karte ist standardmäßig ausgeschaltet. Klicke auf Anpassen (das Schieberegler-Symbol oben auf dem Dashboard), schalte die Scrolltiefen-Karte ein und schließe die Schublade. Sie wird in einer eigenen voll-Breite-Zeile unter den Aufschlüsselungs-Karten gerendert. Jede Zeile ist eine Seite; das Mini-Diagramm in der Mitte enthält fünf Balken in einer einzigen Akzentfarbe, baseline-aligned, mit Höhen proportional zur Erreichungsrate. Da die Scrolltiefe monoton ist (50%-Reichweite immer ≤ 25%-Reichweite), bilden die Balken naturgemäß eine fallende Treppe — diese Form ist der Funnel.
Gesunde Langform-Seite:
/blog/langer-post 80% • 45% • 18% • 6% • 0%
~80% kamen über den Hero hinaus, 45% lasen die Hälfte, nur 18% erreichten die 75%-Marke.
Kurze Seite mit hohem Engagement:
/checkout-danke 95% • 90% • 80% • 70% • 50%
Die meisten sahen das Ganze — typisch für kurze Transaktionsseiten.
Bounce oberhalb der Falz:
/landing-2 30% • 5% • 1% • 0% • 0%
Zwei Drittel verlassen vor einem Viertel — Hero-Copy, Ladezeit oder Layout-Shift prüfen.
Das häufigste Diagnosesignal ist ein scharfer Abfall zwischen zwei benachbarten Meilensteinen (ein plötzlich kurzer Balken nach mehreren langen). Ein Abfall von 19% (75%) auf 6% (90%) auf einer Vertriebsseite bedeutet: etwas am Seitenende — meist direkt vor dem CTA — verliert Leserinnen und Leser.
Die exakten Prozentwerte je Meilenstein stehen direkt unter den Balken — kein Hover nötig. Seiten mit weniger als 10 Besucherinnen im Zeitraum (oder ohne nennenswertes Scroll-Engagement) sind als „low signal" markiert und abgedimmt, damit sie die Ansicht nicht dominieren.
Subdomain-Unterscheidung
Wird derselbe Tracking-Code auf mehreren Subdomains verwendet — z. B. zenovay.com und docs.zenovay.com mit demselben Tracker — bekommt jede Subdomain × Pfad-Kombination eine eigene Zeile. Die Hostname-Anzeige erscheint als gedämpftes Präfix vor dem fett gesetzten Pfad, sodass zenovay.com/en/ und docs.zenovay.com/en/ auf einen Blick unterscheidbar sind.
Das Widget zeigt standardmäßig die Top 5 Seiten; mit einem „Alle N Seiten anzeigen"-Button blendet man den Rest innerhalb eines fixhöhigen Scroll-Bereichs ein, sodass die Karte dieselbe Höhe wie ihre Nachbarn behält.
Zum 100%-Meilenstein
Der Tracker misst, wie weit unten im scrollbaren Bereich eine Besucherin oder ein Besucher gereist ist: scrollTop / (documentHeight − viewportHeight) × 100, begrenzt auf 100. Wenn eine Seite kürzer als der Viewport ist (nichts zu scrollen) oder die Besucherin oder der Besucher das sehr Ende erreicht, meldet der Tracker direkt 100, mit einer kleinen Toleranz, damit Footer-Padding es nicht knapp unter dem Wert hält. Der 100%-Meilenstein feuert, wenn die Besucherin oder der Besucher diese Marke überschreitet. Wenn du also „1,8% haben 100% erreicht" siehst, ist das der Anteil der Besucher, die wirklich den Footer gesehen haben.
Die Scroll-Heatmap lesen
In der Heatmap-Ansicht klicke oben im segmentierten Steuerelement auf den Scroll-Button. Die Heatmap rendert neu als vertikalen Farbverlauf über dem Seiten-Screenshot. Rote Bänder = viele erreicht, blaue Bänder = wenige.
Da der Seitenanfang von allen erreicht wird, ist der obere Rand immer am heißesten. Nutze die Heatmap, um zu erkennen:
- Scharfe Übergänge — eine plötzliche Kaltzone entspricht meist einem konkreten Designelement (Hero-Ende, Layout-Shift, schwerer Werbeblock, CTA-Platzierung)
- Lange warme Schleppen — die meisten lesen tief, Glückwunsch zu fesselnden Inhalten
- Kalte Mitten mit warmen Unterseiten — „Sprung-zum-CTA"-Muster, häufig bei Sticky-Anker-Links
Information
Die Scroll-Heatmap benötigt den Seiten-Screenshot. Screenshots werden beim ersten Heatmap-aktivierten Aufruf je Seite automatisch erfasst; nach Aktivierung ein paar Minuten warten.
Max-Scroll im Sitzungsdetail lesen
Wenn du eine Besucherin oder einen Besucher auf dem Live-Globus klickst oder aus der Liste öffnest, zeigt das Seitenpanel Max. Scrolltiefe: X% neben Seitenaufrufe und Sitzungsdauer.
Das ist die tiefste Stelle, die diese Person über alle Seiten der Sitzung hinweg erreicht hat. Hilfreich bei Einzelanalysen:
- 12% Max auf Langform-Seite → wahrscheinlicher Bounce
- 100% Max auf langer Seite → hohes Engagement unabhängig von der Dauer
- 40-60% auf kurzer Seite → typisch, keine Aktion nötig
Plan-Voraussetzungen
Scrolltiefen-Tracking gehört zum Heatmap-Feature und benötigt mindestens den Pro-Plan. Free-Tier-Websites erfassen keine Scroll-Ereignisse — auf diesen zeigt das Balkendiagramm einen leeren Zustand.
Datenschutz
Der Scrolltiefen-Status lebt vollständig im Speicher des Trackers für die Dauer des Seitenaufrufs. Keine Cookies, kein localStorage. Cookie-Consent-Banner regulieren diese Funktion nicht.
Zenovay respektiert den Sec-GPC: 1 Global Privacy Control-Header: Wenn der Browser einer Besucherin oder eines Besuchers diesen sendet, wird die Verhaltensanreicherung (wie Unternehmensidentifikation und demografische Rückschlüsse) ausgeschaltet und die Besucher-Zeile als „opted out" markiert. Die Scrolltiefen-Messung selbst ist das gleiche Cookie-freie, Window-scoped-Signal, das Zenovay für den gesamten Traffic beibehält.
Wenn das Balkendiagramm leer ist
Häufige Gründe:
- Die Website hat den Free-Plan — für Heatmaps auf Pro upgraden.
- Heatmaps frisch aktiviert — ein paar Minuten warten, bis Live-Traffic einläuft.
- Kein Traffic im gewählten Zeitraum — auf die letzten 30 Tage erweitern.
- Sehr kurze Seite — Besucher erreichen 100% in einem Viewport; das Diagramm zeigt es korrekt (oft 100/100/100/100/100% für eine Single-Viewport-Seite).