Can Fullstory capture how far a user scrolls on a page?

Available for the following Plan types:

Fullstory Enterprise

Fullstory Advanced

Fullstory Business

Fullstory for Mobile Apps

Fullstory Free

Available to the following User roles:

Admin

Architect

Standard

 

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. 

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.

Image 6-21-2022 at 1.53 PM.jpg

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.

Screen_Shot_2021-02-26_at_11.50.12_AM.png

FAQs

Can I capture 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 capture 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 capturing 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. 
Image 6-21-2022 at 2.49 PM.jpg

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. 

Group 1 (17).png

Group 2 (8).png

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

Image 6-21-2022 at 2.51 PM.jpg

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

Group 3 (9).png

Need a refresher on how to build metrics and dashboards? Explore our enablement courses at learn.fullstory.com! 

Need to get in touch with us?

The Fullstory Team awaits your every question.

Ask the Community Technical Support