All posts
Landing pages & CRO

Scroll Depth: What It Tells You About Your Landing Page (and What It Doesn't)

What scroll depth tells you about a landing page, why low scroll can mean success or failure, and how to set up GA4 scroll tracking to tell the difference.

By Mehdi Hassan7 min read

The short answer

Scroll depth tells you how far down a landing page visitors get, which shows which sections anyone actually sees. It doesn't tell you whether they liked what they saw. Low scroll can mean visitors converted early or left confused, so always read scroll depth next to conversions, split by device and traffic source, before deciding what to change.

Key takeaways

  • Scroll depth measures exposure, not interest. A section nobody reaches can't do its job.
  • Low scroll with high conversion is success. Low scroll with low conversion is a hero problem.
  • GA4's built-in scroll event only fires at 90%. Add 25, 50 and 75% thresholds with Tag Manager.
  • Sharp cliffs matter more than gradual fades. Look at what sits just above the cliff.
  • Mobile and desktop scroll patterns differ so much that blended numbers mislead.

Part of Heatmaps and Session Recordings: How to Read Them and What to Fix

What does scroll depth tell you about a landing page?

Scroll depth tells you what share of visitors reached each part of a landing page. It's a measure of exposure: if only a small share of visitors reach your pricing section, then most people never saw your pricing, however good it is. That makes it useful for deciding what to move up, cut or rewrite.

What scroll depth can't tell you is why visitors stopped. Someone who scrolled a quarter of the way and booked a demo looks the same on a scroll map as someone who scrolled a quarter of the way and left. That ambiguity is the whole topic of this article. For how scroll maps fit with click maps and recordings, see our hub guide to heatmap analysis.

Is low scroll depth good or bad?

Low scroll depth is good when the visitors who stop early are converting, and bad when they're leaving. The number alone can't tell you which, so you need a second signal: conversion, engagement or behavior in recordings.

Scroll pattern

Conversion

What it usually means

What to do

Low scroll

High

The hero answers the question and the offer is clear

Leave it; make sure lower sections still support undecided readers

Low scroll

Low

The hero doesn't make visitors want more, or doesn't match the ad

Rewrite the headline and subheadline; check message match

Deep scroll

High

Visitors need detail before deciding, and the page provides it

Keep the length; tighten sections that slow people down

Deep scroll

Low

Visitors are searching for something the page doesn't answer

Watch recordings; look for scrolling up and down

Sharp cliff mid-page

Any

A section looks like an ending, or a block is dense or off-topic

Fix or move the section just above the cliff

The table is a starting point for diagnosis, not a rule. Confirm each reading by watching a few recordings of the segment in question before you change anything.

How do you tell whether low scroll is success or failure?

You tell them apart by comparing the scroll depth of visitors who converted with those who didn't. If converters stop early too, the page front-loads the answer well. If non-converters stop early and converters scroll deeper, the hero isn't persuading enough people to keep reading.

  1. Segment by outcome

    In GA4, build an exploration that compares scroll events for sessions with and without your key event. Some heatmap tools let you filter scroll maps by visitors who clicked the main call to action.

  2. Segment by device

    Run the same comparison for mobile and desktop separately. A hero that fits one laptop screen can take three phone screens.

  3. Segment by traffic source

    Paid visitors who clicked a specific ad behave differently from organic readers. Low scroll from paid traffic often means a mismatch between the ad and the page.

  4. Watch the stops

    Filter recordings to visitors who left near the cliff. Look for rereading, hovering and quick exits.

  5. Write the diagnosis

    One sentence per segment: who stops, where, and what they seem to be missing.

How do you track scroll depth in GA4?

GA4 tracks scroll depth through enhanced measurement, but only one threshold: a scroll event fires when a visitor reaches 90% of the page. For landing page work you'll want more detail, which you add with Google Tag Manager's scroll depth trigger.

  1. In GA4, check that enhanced measurement is on for your web stream. That gives you the 90% scroll event.
  2. In Google Tag Manager, create a scroll depth trigger with vertical thresholds at 25, 50, 75 and 90%.
  3. Create a GA4 event tag that fires on that trigger and sends the threshold as a parameter, for example percent_scrolled.
  4. Turn off GA4's built-in scroll event if you send your own, so you don't count 90% twice.
  5. Register the parameter as a custom dimension in GA4 so you can report on it.
  6. Test in GTM preview mode and GA4 DebugView before relying on the data.

Google's own documentation on enhanced measurement events at support.google.com lists exactly what fires by default. If events aren't appearing, our guide to GA4 not tracking conversions covers the usual causes, and landing page conversion tracking explains how to set up the key event you'll compare against.

Percent thresholds vs section-based scroll tracking

Percent thresholds are easy to set up but drift whenever the page changes length. If you add a section, 50% now lands somewhere else, and week-on-week comparisons break.

Section-based tracking fires an event when a specific section, such as pricing or testimonials, becomes visible. In Tag Manager this uses an element visibility trigger on the section's ID. It takes a little longer to set up, but it answers a clearer question: what share of visitors saw the pricing section?

For pages that change often, we prefer section-based events for the three or four sections that matter most, plus the default 90% event for reference.

How do you read a scroll map?

Read a scroll map by looking for sharp drops in color, then examining what sits right above each one. Gradual fades are normal; cliffs are where something stops people.

The usual causes of a cliff are a section that visually reads as an ending, such as a dark full-width band or a footer-like layout halfway down; a dense block of text or a large table; a section aimed at a different audience; or an early call to action that satisfied the visitor. On B2B pages that serve several audiences, a cliff often sits right after the section for one buyer type, which our guide to a homepage for multiple audiences addresses.

Scroll maps from heatmap tools and GA4 scroll events measure slightly differently, so don't expect identical numbers. Use the map for where and GA4 for trend over time.

What should you change when visitors don't scroll?

When visitors don't scroll and don't convert, change the top of the page first: the headline, subheadline and the first visual. Those decide whether anyone reads on, so lower sections can't help until the hero works.

  • Rewrite the hero around the visitor's problem, using their words. If they arrived from an ad, match the ad's promise exactly.
  • Show the product early. A real screenshot or short clip gives people a reason to keep going.
  • Remove false endings. Break up full-width bands that look like a footer, and avoid large gaps that read as the bottom.
  • Move proof up. If testimonials or customer logos sit below the cliff, most people never see them.
  • Check speed. Slow-loading heroes lose visitors before they can scroll at all.

If you have the traffic, test the new hero against the old one; our guide to A/B testing landing pages shows how. If not, ship it and compare scroll and conversion over the following weeks.

How does scroll depth relate to bounce and engagement?

Scroll depth, engagement rate and bounce rate are three views of the same question: did the visitor engage with the page? GA4 counts a session as engaged if it lasts longer than 10 seconds (the default, which you can adjust), includes a key event, or has two or more page views. Bounce rate is the share of sessions that weren't engaged.

Scroll adds detail neither metric has: where on the page engagement stopped. A visitor can be engaged by GA4's definition and still never reach your pricing. Our article on bounce rate vs engagement rate explains what GA4 changed, and funnel analysis shows how scroll fits into the wider drop-off picture from visit to signup.

Frequently asked questions

What is a good scroll depth for a landing page?
There's no universal good scroll depth, because the right number depends on where your conversion point sits. A page with the main call to action in the hero can perform well with shallow scroll. A long sales page needs deeper scroll. Judge scroll depth against conversion and against the position of your most important sections, not against a benchmark.
Does scroll depth affect SEO?
Scroll depth isn't a published ranking factor. It's a measure of how visitors use your page, and a page that answers the searcher's question clearly tends to perform better in search over time for related reasons. Use scroll depth to improve the page for readers, not as an SEO target.
Why is my GA4 scroll data so low?
GA4's built-in scroll event only fires when a visitor reaches 90% of the page, so on long pages it records only the few who reach the very bottom. That makes scroll data look low. Add 25, 50 and 75% thresholds through Google Tag Manager, or track visibility of key sections, to get a useful picture.
Should I put my call to action above the fold?
Usually yes, for visitors who are ready to act, but not only there. Ready buyers convert from the hero, while undecided readers need the proof and detail lower down, followed by another call to action. Repeat the main call to action after key sections so every reader has a next step wherever they stop scrolling.

· CEO & Design Director

Copywriter, designer and developer, and founder of Designify Studio. Over five years, 60+ projects across 14+ industries, for startups that have raised $300M+.

Want this done for you? Brand & design sprint, $3,000.

A brand refresh or redesign, plus design explorations for your website and product. $3,000, one-time, fixed price. Book a free 30-minute call to see if it fits.

Schedule Call