Scroll maps


Heat maps are only displayed on the site pages where the Clarity tracking code is installed. Check the Setup process to know how to install it.

Scroll maps help you determine the ideal page length for maximum conversions and show how far your users scroll on the pages.

This data helps determine whether your users see the most important content and focus on where to put your essential calls to action.

Scroll maps.


Check Heatmaps Overview to know the types of Heatmaps Clarity support.

Left panel

Scroll data

The left panel, Scroll data, describes how far down the page your visitors scrolled.

Scroll maps left panel.

  1. % Scrolled: Indicates the page percent data in increments of 5% that is being evaluated.

  2. No. of visitors: Indicates the total number of users that landed on the page or group of pages where Clarity Heatmaps collect the data.

  3. % of visitors: Indicates the percent of visitors who scrolled through a corresponding percent of page height.

Top panel

The top panel helps you customize the Scroll maps visualization:

Scroll maps top panel.

  1. URL dropdown: This autofill search bar contains all the websites that are part of Clarity's project.

  2. Filters: Refer to Filters overview to learn more.

  3. Segments: Refer to Segments to learn more.

  4. Visited URL: The URL for which you can view the Heatmaps. The applied filters appear here.

  5. Supported devices: Choose PC/Tablet/Mobile view to understand user behavior on these devices. You can also save the filters as a segment. Learn more here.

  6. Heatmaps types: You can switch between scroll maps, click maps, and Are maps.

  7. Download: Download the click map as a CSV or PNG.

  8. Sharing: Share the click map with others.

  9. Compare: Compare two same or different heatmaps.

Bottom panel

Scroll maps bottom panel.

  1. Page views: The total number of page views on a page (or group of pages) for the applied filters. The page views are limited to up to 100,000 per Heatmap.

  2. Color scale: Colors get warmer as the popularity of a section increases. Warmer the colors, more popular is the section of the page.

Map view

As you hover over the Scroll map, you can view the exact % of users who reached that point of your webpage or group of pages.

The line in a scroll map indicates the number of users at that pixel. Available presets are 25%, 50%, 75%.

Scroll maps view.

Average fold

Scroll maps also display Average fold, the content seen above the fold based on the users accessing your site. This fold indicates the average location that would be visible on a webpage before the user starts scrolling.

Scroll maps average fold.


For more answers, refer to Heatmaps FAQ.

Next steps

Click maps


Visit Clarity