What Is Microsoft Clarity? Visualizing Website Drop-off with Free Heatmaps and AI Analysis (Copilot)

Microsoft Clarity is a free website behavior analytics tool provided by Microsoft. Through heatmaps and session recordings, it lets you visually confirm where visitors actually click, how far they scroll, and where they drop off on a page. For small business website managers who know their traffic numbers but not why visitors aren't converting into inquiries, Clarity offers a way to look directly at the behavior itself.

Clarity's core functionality falls into two main areas: a "heatmap" that shows clicks, taps, and areas of attention as color gradients, and "session recordings" that let you replay an individual visitor's actions like a video. On top of these, it also automatically detects interaction patterns that differ from normal clicks.

- Heatmaps: Display clicks, scrolling, and attention areas in color, showing where interest concentrates on a page
- Session recordings: Replay an individual visitor's mouse movements, taps, and scrolling like a video
- Rage click detection: Automatically flags repeated clicks on the same spot in a short time, a sign the user may be frustrated
- Dead click detection: Flags spots that get clicked but don't respond, such as elements that look like links but aren't
- Pricing: All of these features are available for free; upgrading to a paid plan is not required

Clarity Copilot is an AI feature that lets you ask natural-language questions about the heatmap and session recording data that has been collected. If you enter a question like "why is the drop-off rate high on this page," it presents a summary based on related recordings and click trends. It's positioned as an assistive feature that reduces the effort of reviewing every recording one by one, helping you spot trends more quickly.

- Recording summaries: Summarizes the content of individual recordings in natural language, cutting down the time needed to understand them
- Natural-language Q&A: Responds to questions like "what are the common drop-off patterns" with data-based trend summaries
- A caution: The answers it provides are summaries of data trends, not a definitive statement of the root cause of a drop-off. Staff still need to review the actual recordings and heatmap data before making final improvement decisions

Google Analytics 4 (GA4) and Clarity are not competing tools; they play different roles, which is why they're often used together. GA4 is strong at capturing "quantities" such as visit counts and conversions in numbers and graphs, while Clarity's strength is letting you "see" actual behavior through recordings and heatmaps. Neither one is complete on its own — a common approach is to use GA4 to identify problem pages, then use Clarity to examine what's actually happening on them.

Setting up Clarity itself isn't difficult, but there are a few things worth confirming beforehand, particularly around privacy settings, which should be checked before the site goes live.

- Account registration and project creation: Sign up with a Microsoft account and register the site you want to track as a project
- Installing the tag: Install the issued tracking code (tag) on every page of the site; if you use Google Tag Manager (GTM), you can also install it through GTM
- Updating the privacy policy: You need to state in your site's privacy policy that user interaction data is being collected via session recordings and heatmaps
- Configuring PII masking: Check and adjust the settings so that elements likely to contain personal information, such as form text fields or email addresses, are automatically masked (hidden) during recording
- Verifying after launch: After installation, wait for a few days of data to accumulate and confirm that heatmaps and recordings are being captured as intended

While the tool itself can be set up in-house, if you want to reconsider your site's overall structure or how you approach ordering development work, the system development ordering guide outlines the points worth sorting out before placing an order.

One of Clarity's strengths is that you don't need advanced analytics knowledge to gain insight — simply watching the recordings can surface useful observations. For small business sites, it's especially useful in situations like these.

- Spotting drop-off points in inquiry forms: Use heatmaps and recordings to see which input fields cause the most drop-off, or whether visitors hesitate before starting the form
- Checking how far a landing page is actually read: For service pages or landing pages, check how far visitors scroll and verify that key information is positioned where it's actually seen
- Finding friction in mobile interactions: Issues that don't appear on desktop — buttons too small to tap accurately, menus that are hard to open — are often easy to spot in session recordings on mobile
- Finding dead clicks: Identify images or text that look like links but don't respond, unintentionally confusing users

If reviewing your site's structure leads you to consider building a new landing page, the landing page production cost guide is a useful reference for typical price ranges.

Microsoft Clarity is a free tool that lets you directly observe visitor behavior through heatmaps and session recordings. Because its role differs from number-focused analytics tools like GA4, using both together makes it easier to understand a site's issues from two angles: what is happening (quantity) and why it's happening (behavior). Including the use of Clarity Copilot, a good starting point is to install it on your site's key pages and begin by actually reviewing the recordings and heatmaps.