Heatmaps features

Important

Heatmaps (or heat maps) are only displayed for the webpages where the Clarity tracking code is installed. Check the Setup process to know how to install it.

Heat maps are a great way to analyze user behavior in an aggregated manner. Once you onboard Clarity and land onto Heatmaps, Clarity generates heat maps for popular pages. Select 'View Heatmap' to start using the Click map or Scroll map.

There's no creation delay. Heat maps return within a matter of seconds. Clarity supports Click maps, Scroll maps, and Area maps.

Note

There's no minimum traffic limitation to generate a heat map.

Heat maps can be generated for a single page or group of pages.

Heatmaps for a group of pages

To view a heat map for a group of web pages, you can use the following characters in the URL Search box.

Character Description Example
default Display Heatmap for specified URL with an exact match. When you search for https://www.contoso.com/, you can view Heatmaps for an exact match with the URL https://www.contoso.com.
* Display Heatmap for all pages starting with the URL specified before *. You can also choose this character from dropdown suggestions. When you search for https://www.contoso.com/*, you can view Heatmaps for all the pages that start with the URL https://www.contoso.com.

Heatmaps for group of pages.

Note

Heat maps will be displayed on the pages that match specified URLs. For example, http://www.contoso.com and https://www.contoso.com are different. The applied filters will be combined for all the pages that match the conditions.

Supported filters

Heat maps filters help you sort and customize your visualizations. For more information, see Filters overview.

Segments

To avoid multiple manual typings, you can save groups of filters into segments. Segments can be applied to filters and custom tags. For more information, see Segments.

Important

You can't use GA segments on Heatmaps.

Compare Heatmaps

Use Heatmaps Compare to compare two same or different heatmaps. Learn more here.

Switch Screenshots

Select another screenshot to start viewing heat maps.

Sharing

Learn how to share Heatmaps either internally with your team or externally outside your team.

Color coding in a Heatmap

Clarity uses color scale representation to understand the user interaction with your website better. The color scale allows you to view your user movement throughout the website.

color coding scale in Heatmaps.

  • Red indicates hot areas where users interact more that are most popular.

  • Blue indicates cold areas where the users interact the least that is least popular.

View Recordings

You can also view the recordings of clicked data to understand and analyze user clicks. Learn more on how to view recordings.

Note

'View recordings' is only available for Click maps.

Opacity

Opacity is only applicable for Click maps.

Download

Learn how to download Heatmaps to save them for further reference or share it across your team.

Heatmaps limitations

  • Heat maps are only displayed on the site pages where the Clarity tracking code is installed. Check the Setup process to know how to install it.
  • Heat maps data is retained for up to 13 months.
  • Heat maps are limited to up to 100,000 page views per heat map.
  • Clarity doesn't support capturing screenshots of different dynamic sections, such as a menu that opens as you hover/click. A heat map won't display clicks or scrolls collected over these dynamic elements.
  • Clarity uses CSS element selectors to create a heat map and chooses a random playback to overlay the heat map on the top. The page state depends on the playback.
  • Clarity scroll maps are built for the <body> tag. Clarity can't show scroll map inside the <div> container.
  • Clarity can only render scroll maps up to 40,000 pixels.
  • You can't use GA segments on Heatmaps.

FAQ

For more answers, refer to Heatmaps FAQ.

Visit Clarity