Microsoft Clarity is a free behavioral analytics tool by Microsoft that records how visitors interact with your website and turns that behavior into heatmaps, session recordings and frustration metrics. If Google Analytics tells you that people leave a page, Microsoft Clarity helps you see why. This guide covers what Clarity measures, how to install it, how to stay GDPR compliant and how to turn insights into more conversions.
What is Microsoft Clarity?
Microsoft Clarity is a free user behavior analytics tool that captures clicks, scrolls, mouse movements and taps on your site and displays them visually. It belongs to the same family as Hotjar or Crazy Egg, but Microsoft does not charge for it.
Clarity analytics rests on three building blocks:
- Heatmaps: aggregated views of where visitors click and how far they scroll.
- Session recordings: replays of individual visits, showing the page as the visitor saw it.
- Dashboard insights: automatic metrics such as dead clicks, rage clicks, quick backs and JavaScript errors.
The official product site is clarity.microsoft.com, and the technical documentation lives on Microsoft Learn.
How do Microsoft Clarity heatmaps work?
A Microsoft Clarity heatmap overlays color on a screenshot of your page: warm colors where interaction is high, cool colors where it is low. You can view heatmaps separately for desktop, tablet and mobile, which matters because layouts and behavior differ a lot between devices.
Click heatmaps
Click heatmaps show where visitors click or tap. They reveal whether your main call to action actually gets attention, and whether people click on things that are not links, such as images, icons or bold text.
Scroll heatmaps
Scroll heatmaps show what share of visitors reaches each part of the page. If only a small fraction of visitors scrolls down to your pricing table or your form, the problem may be the page structure, not the offer.
Area heatmaps
Area heatmaps group clicks by a region you select, such as a whole navigation bar or a product card. They are useful when a block contains several small elements and you want to know how the block performs as a whole.
Session recordings: watching real visits
Microsoft Clarity session recordings replay individual visits: cursor movement, clicks, scrolling, page changes and taps on mobile. Recordings are the fastest way to understand a confusing number. If a form has a high abandonment rate, ten recordings often explain more than ten charts.
Watching every session is not realistic, so use filters. Clarity lets you filter recordings by device, country, traffic source, page visited, and by behaviors such as rage clicks or JavaScript errors. A practical routine looks like this:
- Pick one page that matters, for example your checkout or lead form.
- Filter recordings by that page and by a frustration signal.
- Watch 10 to 20 sessions and write down recurring patterns.
- Turn each pattern into a hypothesis and a fix.
Microsoft Clarity dashboard metrics: what do they mean?
The Microsoft Clarity dashboard summarizes behavior with a set of metrics. Each one points to a different kind of friction.
| Metric | What Clarity measures | What it often means |
|---|---|---|
| Dead clicks | Clicks on elements that produce no visible reaction | Something looks clickable but is not, or a link is broken |
| Rage clicks | Repeated rapid clicks on the same area | Frustration: unresponsive button, slow loading, confusing UI |
| Excessive scrolling | Scrolling up and down more than expected | Visitors cannot find what they are looking for |
| Quick backs | Visitors leave a page and return to the previous one almost immediately | The page did not match expectations or the link was misleading |
| JavaScript errors | Script errors during the session | Broken features, often only on certain browsers or devices |
| Scroll depth | How far down the page visitors scroll on average | Whether key content is placed too low |
| Engagement time | Time visitors actively interact with the page | Real attention, as opposed to a tab left open |
Treat these metrics as signals, not verdicts. A high share of dead clicks on a blog post may only mean readers click on text while reading. The same share on a checkout page deserves immediate attention. Healthy values vary widely by site type, page and device, so compare a page with its own history rather than with a universal benchmark.
How to install Microsoft Clarity
Installing Microsoft Clarity takes a few minutes. You need access to your website code, your tag manager or your CMS.
Step 1: create a project
Sign in on clarity.microsoft.com with one of the supported accounts (for example a Microsoft account), create a new project and enter your website name and URL. Clarity then generates a tracking code specific to that project.
Step 2: add the tracking code to the head
The most direct method is to paste the Clarity script inside the <head> section of every page, ideally through a shared template so that no page is missed. After publishing, open your site, browse a few pages and check in Clarity that data starts arriving (it can take a little while to appear).
Step 3 (alternative): Google Tag Manager
If you already use Google Tag Manager, you can add Clarity as a tag that fires on all pages. Clarity also offers a guided setup for Tag Manager from its installation screen. Make sure the tag respects your consent settings, so that it only fires after the visitor accepts the relevant category of cookies.
Step 4 (alternative): CMS and platform integrations
For popular platforms such as WordPress and Shopify, Clarity offers official plugins or integrations that insert the code for you. The list of supported platforms changes over time, so check the setup page inside your Clarity project for the current options.
Connect Microsoft Clarity to Google Analytics 4
Microsoft Clarity offers an integration with Google Analytics 4 that you activate from the Clarity project settings. Once connected, you can move between the two tools more easily: segment Clarity recordings using GA4 information and jump from a GA4 view to the related Clarity sessions.
The two tools answer different questions. Suppose GA4 tells you that your paid traffic landing page converts at 1.5% while organic traffic converts at 3%. Clarity shows you what paid visitors do differently on that page. That is why it helps to watch Clarity next to your performance metrics, such as click-through rate on your ads and ROAS on your campaigns: a strong ad with a weak landing page wastes budget.
For the reporting side, Klyrax lets you put GA4 conversions, Google Ads, Microsoft Ads and Search Console data in one dashboard, so you can measure whether the changes you make after reviewing Clarity actually move the numbers.
Microsoft Clarity, privacy and GDPR
Microsoft Clarity uses cookies and similar technologies to recognize visitors and sessions. Under the GDPR and the ePrivacy rules in the EU, and under equivalent UK rules, this kind of tracking generally requires the visitor's prior consent. Microsoft asks sites with visitors from these regions to collect consent and to pass that consent status to Clarity; the current requirements and methods are described in the Clarity documentation on Microsoft Learn.
In practice, a compliant setup includes:
- A consent banner or consent management platform that blocks Clarity until the visitor agrees.
- A privacy policy that names Microsoft Clarity, its purpose and the data it processes.
- Masking settings that keep sensitive content out of recordings.
Clarity masks sensitive input by default, and you can choose a stricter or more relaxed masking mode in the project settings. You can also mask specific elements of your page, such as account details or order summaries. When in doubt, choose stricter masking: you lose little analytical value and reduce privacy risk. For legal certainty, ask your data protection advisor to review the setup.
Microsoft Clarity vs Hotjar
Microsoft Clarity vs Hotjar is a common comparison, because both tools offer heatmaps and recordings. The main differences are in pricing and in the scope of features.
| Aspect | Microsoft Clarity | Hotjar |
|---|---|---|
| Price | Free | Free plan with limits, paid plans for more capacity and features |
| Heatmaps | Yes (click, scroll, area) | Yes |
| Session recordings | Yes | Yes |
| Frustration signals | Rage clicks, dead clicks, quick backs, JS errors | Similar signals, depending on plan |
| Surveys and feedback widgets | Not the focus | Core part of the product |
| GA4 integration | Yes | Integrations available, depending on plan |
| Best for | Behavioral analysis on any budget | Teams that also want on-site surveys and user feedback |
Many teams start with Clarity because it costs nothing and covers heatmaps and recordings well. Hotjar can make sense if structured user feedback, such as surveys and interviews, is central to your research process. Features and plans change, so check both vendors' official pages before deciding.
How to use Microsoft Clarity to improve conversions
Microsoft Clarity becomes valuable when you link observations to measurable outcomes. A simple framework:
- Start from a conversion problem. Pick a page where GA4 shows a weak conversion rate or a high drop-off.
- Look at heatmaps. Is the call to action visible? Do visitors scroll far enough to see it on mobile?
- Filter recordings by frustration. Watch sessions with rage clicks, dead clicks or JavaScript errors on that page.
- Write one hypothesis per problem. For example: "Visitors click the product image expecting a zoom."
- Make the change and measure. Compare conversion rate before and after, or run an A/B test.
A hypothetical example: your lead form page gets 10,000 visits a month and converts at 2%, which means 200 leads. Clarity recordings show that many mobile visitors rage-click a submit button hidden behind the keyboard. After moving the button, conversion rises to 2.4%: 240 leads with the same traffic and the same ad spend. With $1,000 of monthly ad spend, your cost per lead drops from $5 to about $4.17.
Common mistakes with Microsoft Clarity
- Installing the script twice. Code in the head plus a GTM tag duplicates data. Choose one method.
- Loading Clarity before consent. In the EU and UK this exposes you to compliance risk.
- Watching recordings without a question. Hours of random sessions rarely lead to action. Start from a page and a metric.
- Ignoring the device split. A desktop heatmap says little about mobile visitors, who are often the majority.
- Overreacting to one session. One strange visit is an anecdote. Look for patterns across many sessions.
- Relaxing masking without a reason. Sensitive data does not belong in recordings.
- Never measuring the outcome. A fix based on Clarity only counts if conversions in GA4 actually improve.
Used with a clear question and a proper consent setup, Microsoft Clarity is one of the most useful free tools for understanding why visitors convert or leave.
Frequently asked questions
Is Microsoft Clarity really free?
Yes. Microsoft offers Clarity at no cost and there is no paid tier to unlock heatmaps or session recordings. You create an account, add a project for your website and install the tracking code. Microsoft documents any usage limits on clarity.microsoft.com, so check the official pages if you run a very high-traffic site or need specific data retention guarantees.
Does Microsoft Clarity slow down my website?
Microsoft Clarity loads its script asynchronously, so for most sites the impact on page speed is small. Every third-party script adds some weight, though. Load Clarity once (not both in the head and through Google Tag Manager), keep your tag setup tidy and check Core Web Vitals after installation to confirm that performance stays where you want it.
Is Microsoft Clarity GDPR compliant?
Microsoft Clarity can be used in a GDPR-compliant way, but compliance depends on your setup. Clarity uses cookies and similar technologies, so for visitors in the EU and UK you need prior consent through a consent management platform, a clear privacy policy and correct masking of sensitive content. Microsoft explains the consent requirements in its official Clarity documentation.
What is the difference between Microsoft Clarity and Google Analytics 4?
Google Analytics 4 measures what happens in numbers: traffic sources, events, conversions and revenue. Microsoft Clarity shows how it happens: where people click, how far they scroll and where they get stuck, through heatmaps and recordings. The two tools complement each other, and Clarity offers an integration that links Clarity recordings to GA4 data.
What are rage clicks in Microsoft Clarity?
Rage clicks in Microsoft Clarity are moments when a visitor clicks or taps the same area repeatedly in a short time. They usually signal frustration: a button that does not respond, a slow page, an element that looks clickable but is not. Filter recordings by rage clicks to watch the exact sessions and find the cause.
All your marketing data in one report
Klyrax connects Google Ads, Meta Ads, GA4, Search Console, Bing Webmaster Tools and more in read-only mode, and turns them into client-ready reports.
Request info