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 minimum traffic limitation to generate a heat map.
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.
|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
||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.|
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.
Heat maps filters help you sort and customize your visualizations. For more information, see Filters overview.
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.
You can't use GA segments on Heatmaps.
Use Heatmaps Compare to compare two same or different heatmaps. Learn more here.
Select another screenshot to start viewing heat maps.
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.
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.
You can also view the recordings of clicked data to understand and analyze user clicks. Learn more on how to view recordings.
'View recordings' is only available for Click maps.
Opacity is only applicable for Click maps.
Learn how to download Heatmaps to save them for further reference or share it across your team.
- 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
- Clarity can only render scroll maps up to 40,000 pixels.
- You can't use GA segments on Heatmaps.
For more answers, refer to Heatmaps FAQ.