Dot Heatmap

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. You can choose if you want a dot heatmap to visualize data from on-screen clicks, touches, or cursor hovering.

Dot heatmap clicks are based on coordinates, as opposed to content, and are calculated from a Fixed Element Selector, which can be configured in the Heatmaps tab in Account Settings. So, on one user's screen, a button may be 50 px from the left, while on a larger user's screen it could be 100 px. Both clicks will take place on the button. However, they will display in different areas on the dot heatmap due to the fact that they are based on coordinates. In contrast, attribution heatmaps track clicks relevant to content as opposed to coordinates.

Creating a dot heatmap

In Analyze Heatmaps, go to Heatmap type > Dot.Heatmap type dropdown menu

The following options are available:

OptionDescription
Data
Select the interaction type to be visualized:
Note: The options available depend on the device type filter applied to the heatmap.
  • Click — On-screen clicks from a desktop device
  • Touch — On-screen touches from a mobile device
  • Hover — On-screen hovering with a cursor from a desktop device
KeySelect Show gradient to display a gradient representing the number of interactions below the heatmap.Heatmap gradient
Theme

The following options are available:

  • Background color — Click the drop-down menu to select a heatmap background color.
  • Dot intensity and Dot opacity — 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.

To generate the dot heatmap, click Generate heatmap.

The dot heatmap is overlaid on the selected background.Dot heatmap