Scroll Depth Tracking: Measure Engagement Beyond the Fold

WHY IT EXISTS Standard pageview analytics can't tell you if a user saw content below the fold. Scroll depth tracking was created to solve this by providing data on how far down a page a user actually travels, giving a better proxy for content engagement.

THE MENTAL MODEL Think of scroll depth tracking as a series of invisible tripwires on a webpage. A pageview tells you someone entered the room. Scroll depth tells you if they walked past the 25%, 50%, and 75% marks, indicating how much of the room they actually explored.

HOW IT WORKS A scroll depth trigger is configured to fire tags when a user scrolls past defined points. You set these thresholds as either percentages of the page height (e.g., 25, 50, 75) or a specific number of pixels. You can track both vertical and horizontal scrolling. When a user scrolls to 90% on a page with thresholds at 25, 50, and 90, the tag will fire three times—once for each threshold crossed. The trigger fires only once per threshold per page load. When it fires, it populates variables like the threshold reached, the units (pixels or percent), and the scroll direction.

WHEN TO USE IT Use scroll depth tracking to measure reader engagement on long-form content like blog posts or documentation to see how many users reach the end. It's also valuable on landing pages to confirm that users are scrolling down to see key calls-to-action. For accuracy, it's best to enable the trigger after the window has fully loaded so it can correctly calculate the page dimensions.

WHEN NOT TO USE IT Do not use the scroll depth trigger on pages with infinite scroll or other dynamically loaded content. The trigger calculates page size on load, so it becomes inaccurate on pages whose dimensions change significantly after loading. Use the 'Element Visibility' trigger for those cases. Also, if a scroll point is visible in the viewport on page load, the trigger will fire immediately, even without a user scroll action.

ONE CANONICAL EXAMPLE In Google Tag Manager, you create a new 'Scroll Depth' trigger. You select 'Vertical Scroll Depths' and 'Percentages', then enter '25,50,75,90'. You associate this trigger with a Google Analytics event tag. Now, as a user scrolls down the page, an event is sent to Google Analytics each time they cross the 25%, 50%, 75%, and 90% marks of the page height.