Yes! Scroll depth, or how far a user scrolls on a page, can help you understand a user's level of on-page engagement. With FullStory, you can identify sessions where users are scrolling through some or all of your page content by adding scroll depth to your segments and metrics.
This feature is not supported on FullStory for Mobile Apps.
To identify these sessions, start by building a search for the URL you're interested in tracking. Then, add dependent criteria to find sessions with a specific scroll depth.
Scroll depth is measured as a percentage. In the example above, the search will yield sessions where a user has scrolled through 60% or more of the page content.
While watching a session, you can also use Scroll Maps to see a visual representation of max scroll depth for page views for the segment you are viewing. The color shading changes as viewership decreases down the page. Scroll down the page or drag the marker to see the percentage of page views that scrolled to at least a particular depth.
Last but not least, you can track scroll depth trends using metrics and dashboards. For example, this metric trends card shows us the average scroll depth for top pages.
Can I record scroll depth for both web and mobile apps?
No, scroll depth is supported for web only.
How does FullStory calculate scroll depth for dynamic pages?
Dynamic pages are pages where the length of your content varies greatly from user to user. For example, this may include pages with:
- Dynamically loading viewport content, i.e. pages where you can scroll to the bottom of the page, click “Show More,” and then more content loads into the view
- Infinite Scrolling, i.e. pages that provide an infinite stream of content for users to scroll through
In these scenarios, FullStory will record the maximum scroll depth percentage that occurs at any time during the user’s session. For example, let’s say a user starts by scrolling through 1,000 px of a 2,000 px page. Their scroll depth is 50% (1,000 / 2,000). Then, they click “View More” to load additional content. The page adjusts to 4,000 px, but the user never scrolls further. While they’ve only viewed 25% of the newly loaded page (1,000 / 4,000), FullStory will use the higher of the two values (50%) when recording scroll depth.
How do I build a metric that tracks average scroll depth?
Create a metric that aggregates the property "Scroll depth" for a given URL. Your criteria will look like the screenshot below.
How can I create a dimensionality card that shows scroll depth for my top-visited URLs?
There are two steps involved in setting up this type of dashboard.
First, identify your top visited URLs. The easiest way is to build a metric that counts the number of sessions where Visited URL is "Any" and group by URL. This will show you the top 5 most-visited URLs for your site.
Then, build a second metric for scroll depth and add dependent criteria for your top-visited URLs.
Now when you group by URL, you'll see average scroll depths for just the top 5 URLs that are most heavily accessed!
Need a refresher on how to build metrics and dashboards? Check out our enablement course at learn.fullstory.com!