Table of Contents

Interactive Scrolling Heatmap reports will help you understand how far on a page user 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 Form Analysis 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 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: Scroll Map 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:

  1. Minimum/Median/Maximum Fold Markers

  2. 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 selectors:

  • Scrolling Heat-map 
  • Click Map Reports
  • Form Analysis Reports
  • Inspect Element Mode.

Create a Segment From the Scrolling Heat-map View

If you want to create a segment from a link clink 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 Ranges

  1. Click on Segments & Filters Applied in the right-hand sidebar

  2. Click on the Date Range to bring up the calendar, and select the date ranges you want to include.

  3. Click Refresh Data to update report

How to View Heat Maps 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:

  1. Click on Segments & Filters Applied in the right-hand sidebar

  2. Update 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)

  3. Click Refresh Data to update report

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

Applying Filters & Segments

  1. 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 Add Condition select the rules you want to filter for, click Search and your new results will be shown

    Simply click Save as Segment once the search results have been updated, and you will be prompted with some additional instructions to do so.

  2. 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

Conversion Impact

Scrolling Heatmaps can be used to measure the impacts on conversions when users see content. For instance, it shows areas of your website that could be jarring toward customers or simply not working, often indicated by a more blue-hue Identifying and fixing these areas will ensure more conversions for your firm.

See here for Common Use Cases when using Scrolling Heat Maps