Decibel Insight

Dot Heatmap

The traditional Dot Heatmaps show an aggregate display of where users are clicking, each dot representing a click on a page, and the more an area is clicked, the larger and brighter a dot becomes. These Dot Heatmaps are based on mouse click co-ordinates. The three types of Dot Heatmaps are Click (user clicks), Touch (touches on touch-enabled devices) and Hover (how often a user hovers over a part of the page).

Please note, when Device Type is selected as Desktop under Filters, you will only be able to select Click and Hover Dot Heatmaps, while this will change to only allow you to select Touch when changing the device type to Mobile.

A Heatmap Key is also displayed at the bottom of each Dot Heatmap, providing a color gradient showing the minimum and maximum number of clicks.

You can also change the opacity and intensity of a Heatmap under the Dot heatmap in Heatmap type, with the latter setting allowing you to focus on the most highly clicked areas of a page when there are a large number of clicks spread across the page.

Dot Heatmap clicks are based on co-ordinates as opposed to content, and are calculated from a Fixed Element Selectorwhich can be configured in your Heatmap Settings. So on one user's screen, a button may be 50px from the left, while on a larger user's screen it could be 100px. Both clicks will take place on the button, however will display in different areas on the Dot Heatmap due to the fact that they are based on co-ordinates. This is where we recommend using our Attribution Heatmaps, which tracks clicks relevant to content, as opposed to co-ordinate.

Dot Heatmap Options

Clicking Heatmap Type from the top menu allows you to change the type of Heatmap that you are viewing, along with providing a number of options.

Data allows you to choose the type of your selected Heatmap. For Dot Heatmaps, you can choose Click, Touch and Hover, as mentioned above. 

The option below Key allows you to select whether you wish to show/hide the Dot gradient key at the bottom of the Heatmap.

Theme meanwhile, allows you to configure the background color of the Heatmap, while you can also change the intensity and opacity of the dots, with the former setting allowing you to focus on the most highly clicked or hovered areas of a page when there are a large number of clicks or hovers spread across the page.

After making any changes to the Options, simply click Generate Heatmap for these to take effect.

Viewing Session Replays Using Boundary Mode

You can view all of the Session Replays from selected clicks using our Boundary Mode feature. Simply click the Boundary Mode square icon which can be found in the top right hand corner (above) next to the Open in a New window icon.

You will now be able to click and drag your mouse over a selected area of clicks. This will create a red square over the selected area and will calculate the total number of clicks, which can be seen by hovering your mouse over the filled red square in the top right hand corner of the selected area.

Clicking Show Visitors will provide you with a list of the Sessions that clicked in the selected area, and you can click the Play button next to a relevant session to see the Session Replay for that visitor.

You can also select to ignore these clicks using the respective Ignore button which will re-draw the Heatmap excluding these clicks.

Exporting Dot Heatmaps

Dot Heatmaps can be exported as PNG, CSV or JSON files using the Export feature, while you can also export sessions data when using Boundary Mode.