What Is Microsoft Clarity? Heatmaps and Session Recordings for Visitor Analysis

Microsoft Clarity is a free tool that shows what visitors actually do on your website. Your analytics tell you how many people left a page. Heatmaps and session recordings show you why. In this guide, I walk through how I set up and use Microsoft Clarity on client sites, from installation to privacy settings.

What is Microsoft Clarity and what does it do?

Microsoft Clarity is a free user behavior analytics tool that records clicks, scrolls and mouse movement on your website and turns them into heatmaps, session recordings and AI-assisted insights. In other words, it shows how visitors use a page, not just whether they visited it.

GA4 tells you how many people arrived, where they came from and how many converted. However, it does not tell you why someone gave up. Microsoft Clarity fills that gap. For example, if your contact form gets few submissions, recordings may show that visitors stall on the phone field. They might also never see the submit button at all.

I treat Clarity as a diagnostic tool, not a reporting tool. First, numbers tell me that a problem exists. Then Clarity shows me what that problem looks like on screen. As a result, design changes rest on evidence instead of opinion.

Is Microsoft Clarity really free, and are there limits?

Yes, it is free. Microsoft's official FAQ states that Clarity is free forever. It also says there are no traffic limits and no sampling. You can add as many sites to one account as you like.

No sampling matters most for small sites. Because every session counts, even a site with a few hundred daily visitors gives you complete data. That said, there is one limit you should plan around. Recordings stay available for 30 days from the time of capture. So review important sessions before they expire.

• No traffic cap and no forced upgrade to a paid plan.
• No sampling, so every session is part of the data.
• Session recordings stay available for 30 days.
• Masked content never leaves the visitor's browser.

How do you install Microsoft Clarity?

Setup takes a few minutes. First, sign in at clarity.microsoft.com with a Microsoft, Google or Facebook account. Next, create a new project and enter your site address. Clarity then gives you a tracking code. You add it to the head section of every page.

1. Create a new project in the Clarity dashboard and enter your domain.
2. Pick an install method: manual code, Google Tag Manager or a supported platform integration.
3. Place the code on every page, not only the homepage.
4. Browse your own site for a few minutes and check that live data appears.
5. Open settings and adjust masking and IP blocking right away.

If you already use Tag Manager, the job is even easier. You can publish the tag without asking a developer for a code change. However, never load the same tag both manually and through Tag Manager. A double install corrupts your data.

Which settings should you change on day one?

The most common mistake I see is adding the code and walking away. If you skip a few settings on day one, the first week of data ends up both dirty and legally risky. Therefore, I run this short list right after every install.

• Exclude your office and home IP addresses so your own tests do not fill the recordings.
• Check the masking mode and confirm in a recording that form fields stay hidden.
• Add team members with the right level of access.
• Connect the GA4 integration.
• Update your cookie policy and privacy notice to cover Clarity.

Also, if you run more than one domain, create a separate project for each. Microsoft recommends one project per domain as well. That way, behavior data from your shop and your corporate site never mixes.

One more practical habit: I run a quick health check at the end of the first week. I compare the total session count with GA4. A large gap usually means the tag is missing on some pages. Then I open a few recordings to confirm that masking works and that my own IP does not appear. Finally, I check whether the mobile and desktop split looks plausible. This check takes ten minutes. Still, it saves you from months of decisions based on broken data.

What is a heatmap and how should you read it in Clarity?

A heatmap is a visual that uses color to show how intensely people interact with parts of a page. Warm colors mean heavy interaction, and cool colors mean little. In Clarity, you work with three types: click maps, scroll maps and area maps.

A click map shows where people click most. For example, heavy clicks on an image that is not a link suggest that visitors expect one there. An area map groups clicks by page section. As a result, you can see at a glance which block draws attention.

The most important rule is simple. Never read desktop and mobile maps together. Layouts differ between devices, so clicks land in different places. Also, wait until enough sessions build up. A map drawn from a few dozen visits shows noise, not patterns. In my field experience, I want at least a few hundred sessions per page before I trust a pattern. Treat that as a starting point, not a guarantee.

What does a scroll map tell you?

A scroll map shows what share of visitors reached each point on a page. The top is usually warm, and the color cools as you move down. The useful signal is the line where the color suddenly drops.

For instance, suppose your service page puts pricing or the quote form at the very bottom. The scroll map may show that most visitors never get there. In that case, move the form up or add a second call to action mid-page. I cover placement rules in my article on CTA button examples.

On the other hand, a sharp drop is not always bad. Sometimes visitors found what they needed and acted on it. So always read scroll data alongside conversion data.

How do you watch session recordings efficiently?

A session recording is a video-like replay of one visitor's journey through your site. It is not a real video file. Instead, Clarity captures the page structure and interactions and redraws them in your browser. That keeps the footprint light.

The real cost is your time. If you watch hundreds of random recordings, you lose a day and end up with no clear finding. I always start with a question. For example: "Where do people stop after adding to cart?" Then I use filters to open only the sessions that match that question.

• Play recordings at higher speed and turn on the option to skip inactivity.
• Write a one-line note after each recording. If the same note shows up five times, you have a pattern.
• Mark important sessions as favorites and share them with your team as links.

Watch out for one trap. The most interesting recordings are often the least typical. A long, strange session grabs attention. Meanwhile, the real problem usually hides in short, dull sessions that look alike. In short, watching recordings is hypothesis testing, not browsing.

What do rage clicks, dead clicks and quick backs mean?

Clarity flags certain behaviors automatically and shows them as separate metrics on the dashboard. These flags are the fastest way to find moments of visitor frustration.

None of these signals is proof on its own. However, they make an excellent filter for choosing which recordings to watch. In practice, opening mobile sessions with rage clicks often leads me to a concrete bug within five minutes.

Which UX problems do Clarity insights reveal?

The issues I catch most often look very similar across sites. So here they are as a list. These may be the first places to check on your own site.

• A submit button that disappears on mobile when the keyboard opens.
• Underlined text that is not a link.
• Product images that people tap but that never enlarge.
• A dropdown menu that closes on the second tap on mobile.
• A cookie banner that covers the top of a form.

Most of these slip through because teams test on desktop with fast connections. My article on UX mistakes that kill sales covers their business impact in more depth. Clarity, on the other hand, puts evidence in front of you. As a result, internal debates based on gut feeling get much shorter.

How do you connect Microsoft Clarity with GA4?

Microsoft Clarity connects directly to GA4. Once you link your Google Analytics account in Clarity's integration settings, Clarity sends a playback link for each session to GA4 as a custom dimension. Consequently, you can jump from a GA4 segment straight to the matching recordings.

In practice, you build a segment in GA4, such as mobile users who reached checkout but did not buy. Then you watch those users' sessions in Clarity. The numeric question lives in GA4, and the visual answer lives in Clarity.

For this to work, both tools need to run correctly on the same pages. Also, if your UTM tags are messy, campaign filters lose meaning. The UTM builder helps you keep campaign links consistent. For a framework on which numbers to track, see my guide to digital marketing KPIs.

How do filters and segments help you find the right recording?

Clarity's real strength is its filters. You can narrow recordings by device, country, browser, traffic source, visited page, session length and behavior signals such as rage clicks. Moreover, you can save any filter set as a segment and reuse it every week.

I keep a few segments running all the time. The first is mobile visitors from paid ads, because it shows fastest whether ad spend is wasted. Another covers visitors who saw the form page but did not submit. The third is sessions with JavaScript errors.

You can also define custom tags and events to build your own filters. For example, tag logged-in members so you can compare their behavior with guests. Still, never put personal data into tags. An email address or phone number should never be a tag value.

How do you use funnels and event tracking in Clarity?

Clarity can also show drop-off between steps through smart events and funnel reports. For example, define product page, cart and checkout as a funnel. Then you see how many people leave at each step and can open their recordings.

Keep one point in mind. Clarity's funnel counts may not match GA4 exactly, because the two tools define sessions and events differently. Consent choices also affect each tool differently. Therefore, keep your official conversion reporting in GA4 or your ad platform. Use the Clarity funnel to find the reason behind a drop.

I explain funnel design in what is a conversion funnel and how to build one. To decide which step counts as the goal, read my guide on setting website conversion goals.

What should you know about privacy and consent?

This section is not legal advice. I share the practical risks I see on real projects. Clarity uses cookies and records visitor behavior. So in most jurisdictions you need to inform visitors and ask for consent before analytics cookies run.

• Offer analytics cookies as a separate category in your banner and keep them off by default.
• Name Clarity in your privacy notice, explain its purpose and mention international data transfer.
• Do not let Clarity set cookies before the visitor agrees.
• Talk to your legal adviser before you relax the masking mode.

If you get European traffic, note one more point. Microsoft requires a consent signal for visitors from the EEA, the UK and Switzerland. Without that signal, Clarity splits visits into separate sessions and full recordings become unavailable. You can send the signal through Clarity's consent API or a supported consent management platform.

How do masking modes protect personal data?

Clarity offers three masking modes: Strict, Balanced and Relaxed. Strict masks all text on the page. Balanced hides content that may be sensitive. Relaxed keeps masking to a minimum.

One detail matters a lot. Clarity masks the content of form input fields in every mode, and you cannot change that. Also, according to Microsoft's FAQ, masked data is never uploaded to Clarity. In other words, masking does not just hide data on screen; the data never leaves the browser.

I choose Strict mode on pages that show account details, order history or health data. You can also mask specific elements in code. For instance, add an attribute to hide the name field in a member area. Finally, if you pass personal data in URL parameters, you need to ask Clarity support to mask them. The better fix is to keep personal data out of URLs entirely.

Does Microsoft Clarity slow down your website?

The Clarity script loads asynchronously. That means it runs in the background without blocking the first render. So on most sites I do not see a noticeable slowdown. Even so, every third-party script has a cost, and you should measure it rather than assume it.

Test the same page before and after installation. Pay special attention to interaction delay on mobile. I walk through the method in my Google Lighthouse performance test guide. For the link between speed and rankings, see how site speed affects SEO.

If your site already runs five or six tracking scripts, the problem is the total, not Clarity. In short, adding Clarity is a good moment to remove old tags you no longer use.

How should you prioritize changes based on Clarity data?

Clarity shows you a new problem every day. If you try to fix all of them, your team burns out. So I run every finding through a simple filter. How many sessions does it affect? Is it close to a conversion step? How easy is the fix?

1. First, fix errors in checkout, cart and form steps.
2. Next, remove dead clicks on high-traffic landing pages.
3. After that, reorder content based on scroll depth.
4. Finally, move on to visual polish.

After each change, reopen the same segment two weeks later. That way, you see whether the fix actually changed behavior. The conversion-focused web design approach rests on exactly this loop of measure, change and measure again.

How do you use Clarity on form and quote pages?

For service businesses, the most valuable page is usually the quote or contact form. Here, Clarity works almost like a microscope. For example, you can see which field makes visitors pause, which field they skip and whether they notice the error message.

A few patterns show up again and again. Visitors abandon a required phone field. They pause for a long time on a budget question. They submit twice because no clear confirmation appears. Each one has a small fix.

I cover form design in detail in lead form design for bookings, quotes and demos. Remember one thing, though. Form content appears masked in Clarity. So you see how visitors interact, not what they type. From a privacy point of view, that is exactly right.

What does Clarity add to an e-commerce site?

In e-commerce, Clarity's biggest contribution is making checkout friction visible. Variant selection on product pages, the coupon field in the cart and the address form at checkout are where I see the most struggle in recordings.

For example, when the cart page shows a prominent coupon field, recordings often show visitors leaving to search for a code. Likewise, a visitor who cannot find the size chart taps product images again and again. Clarity then flags that as a rage click.

Also, during sales campaigns, the error filter helps you catch JavaScript errors under heavy traffic. If you want your store reviewed through this lens, see my e-commerce consulting page. That said, always confirm purchase data in your store platform and GA4.

How can Clarity data support your SEO work?

Clarity is not an SEO tool, and it does not affect rankings directly. However, it shows what organic visitors experience on the page. As a result, it feeds better content decisions.

For example, suppose a guide gets many impressions in Search Console but weak engagement. Open the organic segment in Clarity and check the scroll map. If visitors find the answer far down the page, move that answer up. I cover the Search Console side in my Google Search Console guide.

Quick backs also give SEO hints. A visitor who arrives from search and returns at once may not have found what the title promised. So checking the match between title, description and first paragraph is a good habit. For a wider roadmap, see my SEO consulting page.

How can Clarity help you judge paid traffic quality?

Ad platforms show clicks and cost. However, they do not show what the visitor did after the click. Microsoft Clarity becomes the ad manager's second pair of eyes here. If your campaign links carry UTM parameters, you can filter Clarity by source or campaign and open only that traffic.

Say a search campaign brings many clicks but no leads. You will usually see one of two patterns. In the first, visitors land and leave within seconds. That usually points to a mismatch between keyword and page promise. In the second, visitors read the page and then stall on the form. In that case, the page is the problem, not the ad.

This distinction drives budget decisions. In the first case, you fix keywords and ad copy. In the second, you fix the page. Pausing a campaign on a wrong diagnosis means losing traffic that was actually good. See my Google Ads management page if you want accounts run this way. You can also check campaign return quickly with the ROAS calculator.

How do you share Clarity findings with your team?

A finding only has value once it reaches the person who can fix it. Clarity gives every recording and heatmap a shareable link. Moreover, you can create a link that starts at a specific moment in a recording. So the developer jumps straight to the problem second.

I send findings in a short template: which page, which device, what happens, how many recordings show it and what I suggest. For example: "Mobile contact page, the submit button hides behind the keyboard, seen in 7 recordings, move the button into a sticky bar." This format cuts down on misunderstanding.

• Start the link at the relevant second of the recording.
• Describe the finding in one sentence and state how many sessions show it.
• Suggest a concrete fix and name the owner.

Also, give project members only the access they need. That keeps the number of people who can change settings small.

When is Microsoft Clarity not enough?

Every tool has limits, and knowing Clarity's limits prevents bad decisions. First, it cannot show reliable patterns on very low-traffic pages. A handful of recordings gives you anecdotes only. Second, recordings do not tell you what the visitor was thinking. A pause might mean doubt, or it might mean a phone call.

Third, Clarity is not an A/B testing tool. If you want to prove the effect of a change statistically, you need a separate test that splits traffic. Clarity, instead, gives you ideas about what to test.

Finally, visitors who decline consent partly drop out of the data. On sites with heavy European traffic, that gap can grow. So treat Clarity data as qualitative evidence. Put simply, Microsoft Clarity tells you where to look. You then decide what is true with tests, interviews and conversion data.

What are the most common Microsoft Clarity mistakes?

The tool itself is simple. Most mistakes happen during setup and interpretation. Over the years, these are the ones I see most.

• Adding the code to only some pages and deciding on partial data.
• Forgetting to exclude internal traffic.
• Generalizing from one or two recordings.
• Mixing desktop and mobile heatmaps.
• Skipping consent and taking on legal risk.
• Using Clarity counts as official conversion reporting.

The most expensive of these is generalizing. Odd behavior in a single recording is often unique to that visitor. Therefore, require the same behavior across several sessions before you change anything. When you interpret bounce rate, also consider the context in my article on how to reduce bounce rate on a business website.

How do you turn Clarity into a weekly routine?

The real value of Clarity comes when you open it regularly. On client sites, I run a fixed one-hour routine every week. Because of it, problems surface before they pile up.

1. Check the last seven days of rage clicks, dead clicks and errors on the dashboard.
2. Find the page with the biggest increase compared with the previous week.
3. Watch five to ten recordings from that page's mobile segment.
4. Write the finding in one sentence and propose a fix.
5. Check last week's fix in the same segment.

In short, the goal is not to watch everything. The goal is one concrete improvement every week. If you want your site design reviewed with this kind of data, visit my web design service page or go straight to the contact page. For current product details, follow the official Clarity documentation.