Scrolling Heatmap Reports Explained

Updated 8 months ago by Josh Gray

Interactive Scrolling Heatmap reports will help you understand how far on a page users have scrolled and what content has been viewed.

Interacting with these reports will tell you the volume of users reaching varying scroll depths, and allow you to create segments for users who have viewed specific content.

Choose URL & Device Type for Scrolling Heatmap Search

When clicking on the scrollmap menu icon, you will be prompted to choose a URL (optional) and device type filters for your search.

To select a URL, put part or all of the URL in the input field before selecting a device type. Want to view all URLs? Simply leave the input field blank before selecting a device type.

Note: Scrollmap reports will automatically pick a session replay with the longest page scroll, so that the click map can be shown on the most amount of content loaded and seen on the page.

How To Read the Scrolling Heatmap Report

Main Session Replay Interface

When viewing the scrolling heatmap, you will see a gradient of colour based on scroll rates down the page. In addition, you will also see some additional markers:

Minimum/median/maximum fold markers
Interactive Scroll tool-tip

Note: A page fold shows how much of that page is seen before any user scrolling occurs. This is typically determined by the screen/browser resolution.

In the sidebar on the right hand side of your scrolling heatmap, are details on the mouse position, and the volume and percentage of pageviews that reach the point you have hovered over with your mouse.

Choosing/Switching between Reports

To toggle between any other report, click the drop-down selector to switch between click map reports, form analysis reports, and inspect element mode.

Create a Segment From the Scrolling Heatmap View

Want to create a segment from a link click or element click? Simply click on any interactive point on the page that you want to create a segment for to bring up the prompts for creating a segment.

Common use case:

Analyse an on-page piece of content. Create a segment for users who have scrolled and seen the content, and another for those who haven’t. Using these segments, you can compare behaviour differences on other pages (e.g. form completions).

Changing Date Range

Click on in the right-hand sidebar
Click on the date range to bring up the calendar, and select the date ranges you want to include.

Click to update report.

How to View Scrolling Heatmaps for Multiple Pages

In some cases, you may want to view any of the insightech reports for a collection of pages, or even for a group of pages within a content category.

To do this, when you are in the session replay view:

Click on in the right-hand sidebar
Update the pathname or URL filter to include the group of pages you want to calculate the report for
(Note: the pages you want to include should have the same page template/structure, or they will not be useful)

Click to update report.

Your report will now be calculated on every page that you have included.

Applying Filters & Segments

Applying a Filter

Want to search for a specific page, hostname, or look at the top pages coming in from a specific source, medium or campaign? Simply add the conditions you want, and search for those rules.

Click , select the rules you want to filter for, click and your new results will be shown.

Like the results that have been shown and want to save this as a segment? Simply click once the search results have been updated, and you will be prompted with some additional instructions to do so.

Applying a Segment

Already have a pre-made segment? You can apply it to your click map. This can be handy if you want to look at specific page categories, or any specific user behaviours. Simply select the segment and add it to the list.

Note: All segments can be stacked as well. E.g. Combining 2 segments for Converting Users, and Paid Campaigns, would be the same as creating a segment for the combination of both.