Scrolltiefe wird oft in Prozent oder an definierten Abschnitten gemessen, beispielsweise:
- 25 %, 50 %, 75 %, 100 %
- Misst, wie viele Nutzer:innen einen Viertel, die Hälfte, drei Viertel oder die gesamte Seite durchscrollen.
- Pixel-basierte Messungen
- Gibt an, wie viele Pixel die Nutzer:innen auf einer Seite heruntergescrollt haben.
- Key Points auf der Seite
- Messpunkte können auch spezifische Abschnitte sein, z. B.:
- Erstes Bild/Video
- Einleitungstext
- Produktübersicht
- Footer oder Kontaktformular
Wie wird die Scrolltiefe gemessen?
- Google Tag Manager
- Einfaches Setup für Scrolltiefe-Tracking mit vordefinierten Triggern (z. B. 25 %, 50 %, 75 %, 100 % Scrolltiefe).
- Google Analytics (GA4)
- In GA4 ist Scrolltiefe-Tracking als automatisiertes Ereignis integriert. Es misst standardmäßig 90 % Scrolltiefe, die als Indikator für eine vollständige Interaktion gilt.
- Third-Party-Tools
- Tools wie Hotjar, Crazy Egg oder Microsoft Clarity visualisieren Scrolltiefe in Form von Heatmaps.
- Custom Tracking
- Eigene JavaScript-Lösungen können spezifische Abschnitte oder Pixel-Werte messen und an Analyse-Tools senden.
Best Practices zur Optimierung auf Basis der Scrolltiefe
- Wichtige Inhalte weiter oben platzieren
- Key Messages, Call-to-Action-Buttons und Kerninhalte sollten „Above the Fold“ (ohne Scrollen sichtbar) sein.
- Content logisch strukturieren
- Verwenden Sie Zwischenüberschriften, Absätze und visuelle Elemente, um den Inhalt leicht erfassbar zu machen und Nutzer:innen zum Weiterscrollen zu motivieren.
- Ansprechendes Design und Interaktivität
- Elemente wie animierte Übergänge, Videos oder visuelle Highlights können die Scrolltiefe erhöhen.
- Ladezeit optimieren
- Langsame Ladezeiten können verhindern, dass Nutzer:innen tiefer scrollen. Schnelle Seiten fördern Engagement.
- Mobile Nutzer berücksichtigen
- Da mobile Nutzer:innen oft weniger scrollen, sollten Inhalte für kleinere Bildschirme optimiert sein.
- A/B-Tests durchführen
- Testen Sie verschiedene Layouts, um zu sehen, welche Platzierung von Inhalten und CTAs die Scrolltiefe und das Engagement verbessern.
Typische Fragen, die Scrolltiefe beantwortet:
- Erreichen Nutzer:innen meine wichtigen Inhalte?
- Werden CTAs, Formulare oder andere zentrale Elemente oft übersehen?
- Sind meine Seiten zu lang?
- Wenn Nutzer:innen früh abspringen, könnte das ein Zeichen dafür sein, dass Inhalte gekürzt oder besser strukturiert werden müssen.
- Wie unterscheiden sich Zielgruppen?
- Scrollen mobile Nutzer:innen weniger als Desktop-Besucher:innen? Erreicht eine bestimmte Kampagne höhere Engagement-Raten?
- Welche Seiten performen am besten?
- Seiten mit hoher Scrolltiefe zeigen oft besseren Content oder ein ansprechenderes Layout.
Beispiel einer Scrolltiefe-Analyse:
Ausgangsdaten:
- 50 % der Nutzer:innen scrollen bis zur Hälfte der Seite.
- 20 % scrollen bis 75 %.
- Nur 10 % erreichen den Footer.
Handlungsempfehlungen:
- Wichtige Inhalte (z. B. CTAs, Produktinformationen) weiter nach oben verschieben.
- Lange Absätze kürzen und durch Bulletpoints oder Bilder auflockern.
- Interaktive Elemente (z. B. Sticky-Navigation oder Scroll-Effekte) einfügen, um das Engagement zu fördern.