Scroll Heatmap

Reach heatmap

There are two types of scroll heatmaps which help users define how much of their content is actually being viewed by users. The Reach heatmap (displayed above) shows the percentage of users that reach a particular point in the page, along with the average fold, while the Attention heatmap (below) shows the average time that users are viewing a particular part of the page.Attention heatmap

Viewing session replays of clicks

You can see all of the session replays of users who reach a particular section of the page in scroll heatmaps visualizing Reach data. Simply hover over the percentage, where you will be presented with a Show visitors button.

This will show you a list of all of the sessions that reached the particular section of the page, and you can click the Session replay (play) button in the Action column to the right of a relevant session to see the session replay for that visitor.

Show visitors button

Changing plot lines in scroll heatmaps

Boundary mode icon

You can adjust the plot lines of scroll heatmaps by using our boundary mode feature. Simply click the Boundary mode icon, which can be found in the top right hand corner (above) to the left of the Open in a new window icon.

You will now be able to click and add additional plot lines. With this you can create multiple plot lines where you can see the reach or attention of a certain area of your page, which can be seen at the far right of each plot line. To remove a plot line, simply click the X icon next to it.