Training
Module
Analyze insights with Microsoft Clarity - Training
Interact with Microsoft Clarity dashboards, heatmaps, and recordings to optimize your website's performance.
This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Note
To start using Clarity for your project, you must finish the Setup process.
A Heatmap or Heat map is a visualization tool that makes it easy to analyze aggregated information about how users interact with the website.
Clarity tracks all visitor clicks and scrolls on mobile, desktop, and tablet and automatically generates a heat map. This data helps you identify the most engaged areas and figure out gaps.
There's no creation delay. Heat maps return within a matter of seconds. Clarity supports Click maps, Scroll maps, Area maps, Conversion maps, and Attention 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 help you look at user behavior across sessions so you can easily identify what works and what doesn't on your page, such as:
Heat maps are created from the data already collected by Clarity. Clarity aggregates information on clicks/scroll reaches across different page views based on the filters you choose to generate the heatmap.
Note
You can view zero state Heatmaps only if there's no applied Visited URL filter.
Once you onboard and go to Heatmaps, you can view the list of popular pages. Adjust your Filters and Segments to view according to your preferences. The pages are sorted based on the highest number of sessions.
You can also enter a URL and or part of URL to start viewing the Heatmaps. Learn more on how to achieve this with path filters and its supporting operators.
When you toggle the URL parameters and select a URL, you can view the heatmap that matches the URL and parameters exactly. When toggled off, you see a heatmap that start with the specified value, with or without parameters.
If you've already applied a Visited URL filter in the Recordings or Dashboard sections, the heatmap for that URL appears in the Heatmaps section, instead of the zero state.
There are different types of heat maps based on the kind of interaction.
Clicking on a heatmap shows where users are clicking on the page. It gives information about the most clicked elements and how many clicks on these elements.
Clarity click maps are built using an advanced methodology of elements-based user clicks instead of the absolute mouse position. Click maps are precise in calculating user heat in scenarios like different viewport sizes, responsive site design, and page states.
There are different types of Click maps:
Tip
Learn more about click maps here.
Clarity Scroll maps track how far users scrolled down a page (hot being popular and cold being unpopular). It gives information about:
Percentages of users who scroll up to a particular section on your webpage.
Average fold: Content seen above the fold is based on the users accessing your site. This fold indicates the average location visible on a webpage before the user starts scrolling.
This type of heat map is most useful when representing the most and least viewed parts of a webpage. An average fold is calculated to visualize how much your users can see on average before they scroll down.
Tip
Learn more about Scroll maps here.
Clarity Area maps display the total clicks for all the elements within a selected area.
Unlike a click map, you can choose the area and view the clicks for all the elements within it.
Tip
Learn more about Area maps here.
Conversion maps provide specific data on purchase rate of your E-Commerce sites. Using conversion maps you can see what clicks lead to best conversions, which elements caused highest purchase prices, and what parts of your page are less successful.
Tip
Learn more about Conversion maps here.
Attention maps display the amount of time users spent on each part of the page.
Tip
Learn more about Attention maps here.
For more answers, refer to Heatmap FAQ.
Training
Module
Analyze insights with Microsoft Clarity - Training
Interact with Microsoft Clarity dashboards, heatmaps, and recordings to optimize your website's performance.