Microsoft Clarity: What It Is and How to Use It

What Is Microsoft Clarity

Microsoft Clarity is a free user behavior analytics tool developed by Microsoft. Unlike Google Analytics, which focuses on quantitative metrics (visits, conversions, rates), Clarity shows you the how: what users actually do on your site, where they click, how far they scroll, and where they get frustrated.

The combination of heatmaps, session recordings, and behavioral metrics makes it an ideal complement to any analytics stack. Being completely free — with no traffic limits or sampling — it removes the cost barrier that tools like Hotjar or Contentsquare have.

Why Clarity Matters for CRO

Conversion rate optimization needs qualitative data just as much as quantitative data. Google Analytics tells you what is happening; Clarity shows you why. If a landing page has a 70% bounce rate, GA4 gives you the number, but Clarity shows you that users repeatedly click on a non-clickable element (rage click) or abandon just before the form.

Three exclusive Clarity metrics that directly impact CRO:

• Dead clicks: clicks on elements that don't respond. They signal broken user expectations.
• Rage clicks: multiple rapid clicks on the same area. They indicate active frustration.
• Excessive scrolling: fast scrolling without stopping. It suggests the content doesn't connect.

How to Install Microsoft Clarity

Step 1: Create a Project

Go to clarity.microsoft.com, sign in with your Microsoft account, and create a new project by entering your website URL.

Step 2: Add the Script

Clarity generates a JavaScript snippet you can install in three ways:

• Directly in HTML: paste the script before the </head> closing tag.
• Via Google Tag Manager: create a custom HTML tag with the snippet.
• Native integration: Clarity integrates directly with Shopify, WordPress, and Wix.

Step 3: Configure Filters

Once installed, set up filters to exclude internal traffic (your team's IPs) and bots. This ensures the data reflects real user behavior.

Heatmaps: How to Interpret Them for CRO

Clarity offers three types of heatmaps:

Click Heatmap

Shows where users click. Look for patterns like:

• Clicks concentrated outside the main CTAs (opportunity to reposition).
• Visual elements that look like buttons but aren't (false affordances).
• Secondary CTAs receiving more clicks than the primary one.

Scroll Heatmap

Reveals how far users scroll. The practical rule: if fewer than 50% of users reach your main CTA, you have a content hierarchy problem. Consider moving the CTA higher or creating an above-the-fold summary.

Area Heatmap

Groups clicks by page section. Useful for comparing the attention different content blocks receive and prioritizing what to optimize first.

Session Recordings: What to Look For

Session recordings are Clarity's most powerful resource for generating CRO hypotheses. You don't need to watch hundreds of recordings; these strategies help you prioritize:

Filter by Frustration Signals

Use Clarity's filters to view only sessions with rage clicks or dead clicks. These are most likely to reveal usability issues.

Segment by Device

Mobile and desktop behavior is radically different. Filter by device type and analyze each experience separately. Mobile conversion problems are often related to touch targets being too small or overly complex forms.

Analyze the Conversion Funnel

Filter sessions by pages visited to see only users who reached the checkout or contact form but didn't complete the conversion. These sessions show you exactly where and why they abandon.

Clarity vs. Hotjar: When to Use Each

Aspect	Clarity	Hotjar
Price	Free, no limits	Free limited, plans from 39 USD/mo
Heatmaps	Clicks, scroll, areas	Clicks, scroll, movement
Recordings	Unlimited	Limited on free plan
Surveys	Not included	Yes (feedback and surveys)
GA4 Integration	Yes (Copilot + GA4 data)	Yes
Sampling	No sampling	Sampling on lower plans

For most teams, the optimal strategy is to use Clarity as the base (unlimited heatmaps + recordings) and complement with on-site surveys using another tool if you need direct user feedback.

Clarity Copilot: AI Applied to Analytics

Clarity's most recent feature is Copilot, an AI assistant that automatically analyzes recordings and heatmaps to generate summaries and insights. Instead of manually reviewing hundreds of sessions, Copilot identifies behavior patterns, problematic pages, and improvement opportunities.

This is especially useful for small teams without a dedicated analyst: AI handles the triage and you focus on prioritizing and executing changes.

How to Integrate Clarity Into Your CRO Process

The recommended workflow for using Clarity within an optimization process:

1. Detect: weekly review frustration metrics (dead clicks, rage clicks) and pages with the highest bounce rate in GA4.
2. Investigate: use filtered heatmaps and recordings on those pages to understand behavior.
3. Hypothesize: formulate specific hypotheses based on observations ("Users don't see the CTA because it's below the fold and only 30% scroll that far").
4. Test: launch an A/B test to validate the hypothesis.
5. Measure: compare results and document learnings.

Clarity's Limitations

Clarity isn't perfect. Knowing its limitations helps you use it better:

• It doesn't offer surveys or direct user feedback.
• It doesn't have built-in funnel analysis (you need GA4 for that).
• Recordings don't capture third-party iframes (payment gateways, embedded chatbots).
• On sites with heavy dynamic content (SPAs), DOM reconstruction may not be perfect.

Even so, for a free tool, the value-to-cost ratio is unbeatable.

---

At Boost, we use tools like Microsoft Clarity within our conversion optimization process to understand real user behavior and turn data into business decisions. If you want to apply this approach to your website, discover our CRO services or analyze your site for free with Scan&Boost.

Adrià Vidal — Boost