Can FullStory record how far a user scrolls on a page?

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. 

Searching for scroll depth.png

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.

Scroll Maps.png

Last but 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.

Screen_Shot_2021-02-26_at_11.50.12_AM.png

FAQs

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. 

Tracking average scroll depth with metrics.png

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. 

Top-Visited URLs.png

Group by URL.png

Then, build a second metric for scroll depth and add dependent criteria for your top-visited URLs. 

Average Scroll Depth for Top 5 URLs.png

Now when you group by URL, you'll see average scroll depths for just the top 5 URLs that are most heavily accessed!

Group by URL.png

Need a refresher on how to build metrics and dashboards? Check out our new enablement course at learn.fullstory.com

Need to get in touch with us?

The FullStory Team awaits your every question.

Contact us