Learn to measure user engagement by comparing scroll-depth tracking with time-on-page metrics.
Scroll depth tracks:
Percentage of page scrolled
Clicks
Form submits
Time on page
It measures scroll percent.
Reading time is calculated by:
Scroll distance
Clicks
Video plays
Time on page
It uses timestamps.
Scroll events capture:
Errors
Window scroll
Loads
Clicks
Scroll listener triggers events.
A 50% depth threshold indicates:
Top-page view
Bottom-page view
No view
Mid-page view
50% is the midpoint.
Time metrics overestimate due to:
Idle time
Scroll speed
Clicks
Errors
Idle periods inflate time.
Scroll depth helps identify:
Sessions
Visible content sections
Ad clicks
Bounce rate
Shows which sections seen.
Reading time needs:
CSS styles
Cookies
JavaScript errors
Accurate start/end timestamps
Timestamps capture duration.
Max scroll depth value:
50%
200%
100%
150%
Cannot exceed full page.
Combined metrics provide:
Only views
Only scroll
Complete engagement
Only clicks
Both metrics together.
Common implementation uses:
CSS selectors
Meta tags
HTML tags
JavaScript listeners
Listeners capture events.
Starter
Review the fundamentals.
Solid
You have a solid understanding.
Expert
You’re an expert on this topic.
