Click maps
Important
Heatmap is only displayed on the site pages where the Clarity tracking code is installed. Check the Setup process to know how to install it.
Click Heatmap helps you understand the critical content on the page. It also allows you to identify parts of the design user mistake for links.
Clarity uses absolute ranking across all page views. Sometimes the page impression may not show the element the user clicked.
Click Heatmaps can help you determine where your users are clicking, including the non-links. On PC, Clarity tracks your user clicks. Clarity tracks your user taps on mobile/tablet.
You can view click maps for a single page or group of pages.
Tip
Check the Heatmaps overview to know the types of Clarity Heatmaps.
Left panel
The left panel contains elements ranked by the number of clicks. Click map display these ranks elements with the most number of clicks on the page.
Click data
As you scroll to the bottom, you'll see elements ranked further down the page. Select any clicked element to view the number of clicks (% of clicks).
View recordings
You can also view the recordings either by selecting 
or by selecting 'View recordings'. View recordings help you watch Recordings where the element was clicked.
On selecting this button, you'll see a clicked element badge as an applied filter. Learn more about badge labels.
Note:
- Once applied, this filter appears on Recordings, Dashboard, and Heatmaps verticals.
- You can access it at a later point by saving it as a segment or sharing it.
Limitations:
- This filter can only be set through a heat map and cannot be selected from filters.
- If you close the filter, you'll have to set it through Heatmaps again.
Copy Element
You can now copy the element to the clipboard by selecting the 'copy' icon. This copies the CSS selector of an element that allows you to identify the exact element in the UI. You can use it to change the style of an element.
Top panel
The top panel helps you customize the Click maps visualization:
URL: This autofill search bar contains all the websites that are part of Clarity's project.
Filters: Refer to Filters overview to learn more.
Segments: Refer to Segments to learn more.
Visited URL: The URL for which you can view the Heatmaps. The applied filters appear here. You can also save the filters as a segment. Learn more here.
Supported devices: Choose PC/Tablet/Mobile view to understand user behavior on these devices.
Heatmaps types: You can switch between click, scroll, and area maps.
Download: Download the click map as a CSV or PNG.
Sharing: Share the click map with others.
Compare: Compare two same or different heatmaps.
Bottom panel
Page views and Clicks: The total number of page views and the total number of clicks on a page (or group of pages) for applied filters. The page views are limited to up to 100,000 per Heatmap.
Color scale: Colors get warmer as the popularity of a section increases. The warmer the colors, the denser the clicks.
Opacity: This control helps change the transparency of heat when the heat covers up the text or images. You can use opacity to view the heat in red zones quickly.
FAQ
For more answers, refer to Heatmap FAQ.