Scroll Depth Tracking: Is Anyone Reading Your Content?

You spent hours crafting that landing page. Your key message is in paragraph four, and the call-to-action is at the bottom. But how many visitors actually see them?

Scroll depth tracking answers this question, revealing how far users scroll and where they stop reading.

What Is Scroll Depth?

Scroll depth measures how far down a page users scroll, typically expressed as a percentage of total page height.

Example:

• 25% scroll depth: User saw the top quarter
• 50% scroll depth: User reached halfway
• 90% scroll depth: User saw almost everything
• 100% scroll depth: User reached the bottom

Why Scroll Depth Matters for CRO

Content Placement Decisions

If only 30% of users scroll past the hero section, any content below that point reaches 70% fewer people. Knowing this helps you:

• Place critical information where users will see it
• Move CTAs into high-visibility zones
• Restructure pages for better engagement

Content Length Optimization

Is your page too long? Too short?

• If users consistently reach 100%, they might want more content
• If users drop off at 20%, something’s wrong early (or the content is too long)

Engagement Measurement

For content-focused pages (blogs, articles), scroll depth indicates reading engagement better than time-on-page, which can be inflated by abandoned tabs.

Form and CTA Visibility

That form at the bottom of your landing page? If only 15% of visitors scroll that far, 85% never even see it.

Setting Up Scroll Depth Tracking

Option 1: GA4 Enhanced Measurement

GA4 can automatically track 90% scroll depth:

1. Admin → Data Streams → Select stream
2. Enhanced Measurement → Settings (gear icon)
3. Enable “Scrolls”

Limitation: Only tracks 90% threshold. No granular data.

Option 2: Google Tag Manager (Recommended)

For detailed scroll tracking:

Step 1: Enable Built-in Variables

1. GTM → Variables → Configure
2. Enable all Scroll variables:
   • Scroll Depth Threshold
   • Scroll Depth Units
   • Scroll Direction

Step 2: Create Scroll Trigger

1. Triggers → New
2. Trigger type: Scroll Depth
3. Configure:
   • Vertical Scroll Depths: 25, 50, 75, 90, 100
   • Percentages (not pixels)
4. Save

Step 3: Create GA4 Event Tag

1. Tags → New
2. Tag type: GA4 Event
3. Event name: scroll_depth
4. Parameters:
   • scroll_threshold: {{Scroll Depth Threshold}}
   • page_path: {{Page Path}}
5. Trigger: Your scroll depth trigger

Step 4: Test and Publish

1. Preview mode → scroll on your site
2. Verify events fire at each threshold
3. Publish

Option 3: Heatmap Tools

Tools like Hotjar, Crazy Egg, and Microsoft Clarity provide scroll heatmaps automatically—no setup required beyond the base installation.

Analyzing Scroll Data

The Scroll Depth Report

After collecting data, build a report showing:

Scroll Depth	% of Users	Users Lost
0% (landed)	100%	—
25%	72%	28%
50%	48%	24%
75%	31%	17%
90%	22%	9%
100%	18%	4%

Interpreting the Pattern

Healthy pattern: Gradual decline with no sharp drops

100% → 80% → 65% → 50% → 40% → 35%

Problem pattern: Sharp early drop

100% → 45% → 40% → 38% → 35% → 33%

Most users leave before scrolling. Above-the-fold content isn’t engaging enough to continue.

Problem pattern: Mid-page cliff

100% → 85% → 75% → 25% → 20% → 18%

Something at 50-75% makes users leave. Investigate what content is there.

Segment Your Analysis

By device: Mobile scroll behavior differs. Smaller screens mean more scrolling required to see the same content.

Depth	Desktop	Mobile
50%	55%	42%
90%	30%	18%

Mobile users scroll less far—is critical content still visible?

By traffic source:

Depth	Organic	Paid
50%	60%	35%
90%	38%	15%

Paid traffic scrolls less—perhaps they have lower intent or the landing page doesn’t match ad expectations.

By page type: Compare scroll patterns across:

• Landing pages
• Product pages
• Blog posts
• Category pages

Each page type has different expected behavior.

Common Scroll Patterns and What They Mean

Pattern: Most Users Don’t Scroll at All

Symptoms: 40%+ drop-off before 25% scroll depth

Possible causes:

• Hero section answers their question (good or bad)
• Page loads slowly, users leave before engaging
• Above-fold content is unappealing
• Wrong traffic (not interested in this content)
• Users found what they needed immediately

Actions:

• Analyze what’s above the fold
• Check page load speed
• Review traffic source relevance
• Consider if key info should be higher

Pattern: Consistent Gradual Decline

Symptoms: Steady 10-15% drop-off at each threshold

Interpretation: Normal reading behavior. Users self-select based on interest.

Actions:

• Ensure critical content is placed where enough users will see it
• This is often acceptable—not everyone needs all content

Pattern: Sharp Mid-Page Drop

Symptoms: Sudden drop-off at a specific scroll point

Possible causes:

• Confusing or irrelevant content at that point
• Visual element that signals “end” (lots of whitespace, color change)
• Slow-loading element (video, images) that breaks flow
• User completed their goal and left

Actions:

• Examine the content at drop-off point
• Check for technical issues
• Consider restructuring

Pattern: High Scroll Completion

Symptoms: 50%+ of users reach 90-100%

Interpretation: Highly engaged audience. Content is compelling.

Actions:

• Ensure CTA is visible at the end
• Consider adding more content if users want it
• Test longer-form content

Optimizing Based on Scroll Data

Strategy 1: Move Critical Content Up

If your CTA is at 80% scroll depth but only 25% of users reach that point, you’re missing 75% of potential conversions.

Actions:

• Add CTA above the fold
• Repeat CTA at multiple scroll depths
• Use sticky CTAs that follow scroll

Strategy 2: Improve Above-the-Fold Content

If early drop-off is high, the first impression isn’t working.

Test:

• Different headlines
• Hero images vs. no images
• Value proposition clarity
• Reduced clutter

Strategy 3: Add Scroll Incentives

Encourage continued scrolling:

• Visual cues (arrows, “scroll for more”)
• Partial content teasers visible at fold line
• Compelling subheadings that promise value below
• Numbered lists that create curiosity

Strategy 4: Fix Content at Drop-off Points

If there’s a sharp drop at a specific point:

• Review and improve that content
• Remove if it’s not adding value
• Replace with more engaging material
• Check for technical issues (slow-loading elements)

Strategy 5: Optimize Page Length

Match page length to user behavior and content needs:

• If users consistently reach 100% and convert well, test longer content
• If users drop off early regardless of content, focus on above-fold
• Different pages may need different lengths

Scroll Depth and Conversion Correlation

Analyze whether scrolling correlates with conversion:

Scroll Depth	Conversion Rate
< 25%	0.5%
25-50%	1.2%
50-75%	2.8%
75%+	5.1%

Interpretation: Users who scroll more convert at higher rates.

Caution: This doesn’t mean forcing users to scroll will increase conversions. Correlation isn’t causation—engaged users both scroll more AND convert more.

Application: Ensure your page provides value at each scroll depth to encourage continued engagement from interested users.

Scroll Depth for Different Page Types

Landing Pages

Priority: Ensure above-fold communicates value and includes primary CTA.

Expectation: Highly variable. Some users convert immediately; others need more information.

Key metric: Conversion rate at each scroll depth. Does reaching certain content correlate with conversion?

Product Pages

Priority: Critical info (price, add to cart, key features) must be visible early.

Expectation: Users may scroll to check reviews, details, specs.

Key metric: Add-to-cart rate by scroll depth. If users need to scroll far to find the add-to-cart button, you’re losing conversions.

Blog Posts

Priority: Engaging content that retains readers.

Expectation: Gradual decline is normal. Very high completion rate is excellent.

Key metric: Completion rate. Is your content engaging enough to finish?

Homepage

Priority: Direction. Users should find where to go, not necessarily scroll the whole page.

Expectation: Many users will click away to other pages before scrolling far.

Key metric: Combination of scroll depth and click-through to key pages.

Combining Scroll Data With Other Metrics

Scroll + Time

• High scroll + low time = Skimming, not reading
• Low scroll + high time = Stuck at top (good or bad)
• High scroll + high time = Thorough engagement

Scroll + Conversion

Identify scroll depth that correlates with conversion. Ensure your page facilitates reaching that depth.

Scroll + Exit

Where do users scroll before leaving? If they scroll to the footer and exit, they may be looking for something they didn’t find (contact info? pricing? FAQ?).

Your Scroll Depth Checklist

• Tracking implemented (GTM or analytics tool)
• Baseline data collected (1-2 weeks minimum)
• Scroll report created with thresholds
• Data segmented by device, source, page type
• Drop-off points identified
• Critical content placement verified
• CTA visibility at key scroll depths confirmed
• Optimization hypotheses formed
• Tests planned for significant issues

Ready to Improve Your Conversions?

Get a comprehensive CRO audit with actionable insights you can implement right away.

Request Your Audit — $2,500