Microsoft Clarity: Free Heatmaps and Session Recordings for UX Insights

Last updated October 2026

Microsoft Clarity is a completely free analytics tool that provides heatmaps, session recordings, and AI-powered UX insights for any website, with no traffic limits and no paywalls — making it the most accessible user behaviour analytics platform for Indian businesses that want to understand how visitors interact with their pages, identify conversion blockers, and improve UX without spending ₹50,000–₹3,00,000 per year on paid alternatives like Hotjar, FullStory, or Contentsquare.

What Does Microsoft Clarity Actually Do?

Clarity provides three core features:

1. Heatmaps

Visual overlays showing where users click, scroll, and move their cursor on each page. Clarity generates three heatmap types:

• Click heatmaps: Show exactly where users click (or tap on mobile). Identify whether users click on non-clickable elements (rage clicks), miss your CTA buttons, or interact with unexpected areas.
• Scroll heatmaps: Show what percentage of users reach each section of the page. Critical for long-form content and product pages — if 70% of users never scroll past your hero section, your below-fold content is invisible.
• Area heatmaps: Show interaction with specific page regions. Useful for comparing engagement between sidebar and main content, or between different sections of a landing page.

2. Session Recordings

Full video playback of individual user sessions — every click, scroll, form interaction, and page navigation. Clarity records sessions automatically with no performance impact and no storage limits. You can filter recordings by:

• Pages visited
• Device type (mobile, desktop, tablet)
• Country and region
• Clarity-detected behaviours (rage clicks, dead clicks, excessive scrolling, quick backs)
• Custom tags you define

3. Insights Dashboard

Clarity’s AI (powered by Copilot) automatically identifies UX issues:

• Rage clicks: Users clicking the same area repeatedly out of frustration — indicates broken buttons, unresponsive elements, or confusing UI.
• Dead clicks: Users clicking on elements that are not interactive — text that looks like a link, images that should be clickable but are not.
• Excessive scrolling: Users scrolling up and down repeatedly, indicating they cannot find what they are looking for.
• Quick backs: Users navigating to a page and immediately going back — the page did not meet their expectations.
• JavaScript errors: Clarity detects JS errors that may break functionality.

How Do You Set Up Microsoft Clarity?

Step 1 — Create a Clarity Project

Visit clarity.microsoft.com, sign in with a Microsoft account (create one free if needed), and create a new project. Enter your website URL and give the project a name.

Step 2 — Install the Tracking Code

Clarity provides a JavaScript snippet to add to your site. For WordPress sites:

• Option A (recommended): Use the official Microsoft Clarity WordPress plugin — install, activate, paste your Clarity project ID, done.
• Option B: Paste the Clarity script into your theme’s header via Elementor’s Custom Code feature (Elementor Pro → Custom Code → Add in Head section).
• Option C: Use Google Tag Manager to deploy the Clarity tag.

Step 3 — Configure Privacy Settings

Clarity respects user privacy by default:

• Masking: By default, Clarity masks all text content in session recordings. You see placeholder text instead of actual user input. For e-commerce sites handling payment details, keep strict masking enabled.
• Cookie consent: Integrate Clarity with your cookie consent solution (CookieYes, Complianz). Clarity should fire only after the user accepts analytics cookies.
• DPDP Act compliance: Clarity stores data on Microsoft’s servers. Review Microsoft’s data processing agreement and include Clarity in your privacy policy’s third-party services disclosure.

Step 4 — Connect Google Analytics

Clarity integrates natively with GA4. In Clarity settings, connect your GA4 property. This enables:

• Viewing Clarity heatmaps and recordings directly from GA4 reports
• Filtering Clarity recordings by GA4 segments (e.g., “users who completed purchase” or “users from Google Ads”)
• Correlating Clarity UX metrics with GA4 conversion data

How Do Indian Businesses Use Clarity to Improve Conversions?

E-Commerce Checkout Optimisation

Watch session recordings of users who abandon checkout. Common findings for Indian e-commerce sites:

• Users abandon when COD is not available (COD still accounts for 40–50% of Indian e-commerce transactions)
• Pincode-based delivery checks fail, and users see no clear error message
• GST-related fields confuse B2C buyers who do not have a GSTIN
• Mobile users struggle with small form fields and tightly packed checkout layouts

Landing Page Performance

For businesses running Google Ads or Meta Ads, Clarity reveals why landing pages underperform:

• Scroll heatmaps show the CTA button is below the fold on mobile — most users never see it
• Click heatmaps reveal users clicking on the hero image expecting a video or expanded view
• Dead click analysis shows users trying to click phone numbers that are not tap-to-call links
• Rage clicks on the contact form indicate it is not working on certain browsers or devices

Content and Blog Optimisation

Scroll heatmaps for blog posts reveal exactly where readers lose interest. If your 2,000-word article sees 80% drop-off at the 400-word mark, the introduction is too long or the content does not match the title’s promise. Use this data to restructure content with the most valuable information front-loaded.

What Are Clarity’s Limitations?

• No A/B testing: Clarity shows you problems but does not run experiments. Use Google Optimize (deprecated — now use third-party tools like VWO or Convert) for testing solutions.
• No funnel analysis: Clarity does not build conversion funnels. Use GA4 for funnel tracking and Clarity for understanding the “why” behind drop-offs.
• Recording sampling: On very high-traffic sites (millions of sessions), Clarity may sample recordings rather than capturing every session. For most Indian businesses, this is not a practical concern.
• No real-time data: There is a processing delay of a few hours for recordings and heatmaps to appear.
• SPA support: Single-page applications built with React, Vue, or Angular require Clarity’s SPA tracking to be enabled for accurate page-level heatmaps.

How Does Clarity Compare to Paid Alternatives?

For Indian businesses spending under ₹1 crore annually on digital marketing, Clarity provides 80% of the insight value at 0% of the cost. Add a paid tool only when you need surveys, A/B testing, or advanced funnel analytics.

Frequently Asked Questions

Does Microsoft Clarity slow down my website?

No. Clarity’s script is under 10 KB and loads asynchronously. It has no measurable impact on Core Web Vitals (LCP, INP, CLS). Microsoft designed it specifically to avoid performance penalties — essential for adoption at scale.

Is Microsoft Clarity compliant with India’s DPDP Act?

Clarity masks sensitive text by default and provides configurable masking levels. Data is processed under Microsoft’s data processing agreement. However, you must inform users via your privacy policy and obtain consent through your cookie consent solution before firing the Clarity script. Enable strict masking for sites handling financial or health data.

Can I use Clarity alongside Google Analytics?

Yes, and you should. They serve complementary purposes — GA4 tells you what happened (traffic, conversions, revenue), Clarity tells you why (user behaviour, friction points, UX issues). The native GA4 integration lets you jump between the two tools seamlessly.

How many session recordings should I watch per week?

For meaningful insights, watch 20–30 recordings per week, focusing on specific segments: users who abandoned checkout, users who rage-clicked, users from your highest-spending ad campaign. Watching random recordings is inefficient — always filter by behaviour or page first.

Can Clarity record users on my mobile app?

Not directly — Clarity is web-only. For mobile app analytics, use Microsoft Clarity for Mobile (currently in preview for Android and iOS) or alternatives like UXCam or Smartlook. For mobile web (your website viewed on a phone browser), standard Clarity works perfectly.