Key takeaways
- Most visitors never reach the bottom of a page. Nielsen Norman Group’s eye-tracking found 57% of viewing time goes to content above the fold and only about 26% to anything past the second screenful.
- Scroll depth varies by page type: blog readers usually go further than service page visitors, who scan for a reason to act.
- Place primary CTAs, your best proof and contact options within the depth most visitors reach, and repeat the CTA further down.
- GA4’s enhanced measurement logs a scroll event only at 90%, so add 25%, 50% and 75% thresholds in Google Tag Manager for a useful picture.
- Read scroll data alongside conversion data; deep scrolling without conversions means the page informs but does not persuade.
You spend hours building a page with detailed service descriptions, case studies and a strong closing section, then scroll data shows most visitors never saw the bottom half. This Emulent guide covers how to measure scroll depth, what the patterns mean and how to use the data to place content and CTAs where visitors will see them.
How do you measure scroll depth?
Combine GA4 events at several thresholds with a heatmap tool for a visual view.
| Method | How it works |
|---|---|
| Custom thresholds in Google Tag Manager | create a scroll depth trigger at 25%, 50%, 75% and 90%, and send a GA4 event with a percent_scrolled parameter. Register the parameter as a custom dimension so it appears in reports. |
| Turn off the duplicate | if you send your own 90% event, disable scrolls in enhanced measurement, or rename your event, so you do not double count. |
| Heatmap tools | Microsoft Clarity, which is free, and Hotjar show scroll depth as a colored overlay on the actual page, so you can see exactly which section loses readers. |
| Segments | compare organic, paid, email and social visitors, and mobile against desktop. Mobile pages are longer, so the same content sits at a deeper percentage. |
Emulent tracks scroll depth at four thresholds on each client’s top pages. The sharpest drop usually comes between the hero section and the first content block.
What does scroll depth data tell you about your pages?
Where attention holds and where it breaks. NN/g’s 2018 research found the second screenful got about 17% of viewing time, roughly a third of what the first screen received, so a gradual decline is normal. The patterns to watch are departures from it.
- Sharp drop after the hero: if many visitors leave before the first content block, the headline may not match the query or ad that brought them, or the page may load slowly.
- Gradual decline: normal. If your CTAs and proof sit where most visitors still are, the page is working as designed.
- Sudden drop at one section: that section may be dense, off-topic or look like the end of the page. Large blank areas and full-width images can create a “false floor” that stops scrolling.
- Deep scrolling with few conversions: visitors are reading but not acting. The page may lack a clear offer, proof or a visible next step.
Visitors also skim within what they see. NN/g’s analysis of reading behavior found users read about 20% of the words on an average page, so headings and short paragraphs carry much of the message.
How do you use scroll data to improve conversions?
Restructure pages around where visitors actually stop.
- Place the primary CTA before the first major drop. If a large share leaves by the 25% mark, the first CTA belongs in the hero or just below it.
- Front-load the strongest content: your main value proposition, best testimonial and most persuasive proof point in the top 40% of the page.
- Write headings that promise something worth scrolling for, such as “How we cut one client’s cost per lead in half,” and use visual cues that more content follows.
- Repeat the CTA at natural breaks, roughly every screen or two on long pages, so visitors who are ready can act wherever they are.
- Shorten or cut sections where readers drop off, or move them lower if they serve only the most interested visitors.
- Retest after changes. Compare scroll depth and key event rate for the same page before and after.
Scroll data changed how Emulent structures service pages. Instead of a strict introduction-details-proof-CTA order, we place a short proof point and a CTA near the top, then expand on details for readers who want them.
How can the Emulent team help?
Emulent sets up scroll tracking, reads it with conversion data and restructures pages as part of our website design work. A caveat: scroll percentages shift with screen size, cookie banners and page length, and heatmap tools need consent in many regions, so compare like with like and keep sample sizes in mind. Contact the Emulent team to find where your pages lose readers.