A complete setup guide to Microsoft Clarity in 2026, covering installation, heatmaps, session recordings, frustration signal detection, and how to connect it to Google Analytics 4 for deeper behavioral insight.
Google Analytics tells you what happened on your site: how many people visited, which pages they saw, whether they converted. It doesn't tell you why. Microsoft Clarity fills that specific gap, a free behavioral analytics tool that shows heatmaps of where people actually click and scroll, and full session recordings that replay real visits so you can watch exactly where someone got stuck, confused, or frustrated. This guide covers setup, the core features, and how to connect it to the GA4 property from earlier in this series.
Clarity records session activity as a lightweight animation of DOM content and user actions, mouse movements, clicks, scrolls, not an actual video stream, which is why it can offer genuinely unlimited recordings at no cost. It automatically detects specific frustration signals: rage clicks, when someone clicks the same spot repeatedly out of frustration, dead clicks, clicks on something that isn't actually interactive, and quick backs, when someone lands on a page and immediately leaves. None of this shows up in standard GA4 reporting, which counts events and sessions but has no concept of visible user frustration.
Go to clarity.microsoft.com and sign in with a Microsoft account, or create one if needed. Click “Add new project,” name it after your website, and enter your site's URL. Clarity will generate a small JavaScript tracking snippet specific to this project.
Installation depends on your platform. If you're running Shopify, install the Microsoft Clarity app directly from the Shopify App Store rather than manually editing theme code. For most other platforms, including Webflow, WordPress, Wix, and custom-built sites, paste the tracking snippet into your site's header, immediately before the closing tag, the same general location used for the Google Analytics tag covered earlier in this series.
If you already have Google Tag Manager installed, Clarity can also be deployed as a custom HTML tag through GTM instead of editing your site's header directly.
After installing the snippet, visit your own website in a browser, then return to the Clarity dashboard. You should see a “Tracking is active” confirmation within a few minutes. Session data typically begins populating within one to three hours. Heatmaps take longer, generally 24 to 48 hours of accumulated traffic, before they have enough data to display meaningfully.
Before drawing any conclusions from Clarity data, go to Settings, then IP Blocking, and add your own office IP address or VPN range. Skipping this step means your own visits while testing and working on the site will show up mixed into real visitor session recordings and frustration signal counts, distorting the picture of how actual customers behave.
Clarity generates several distinct heatmap types automatically, with no manual configuration required. Click heatmaps show exactly where people tap and click, revealing which elements get attention and which get ignored entirely. Scroll heatmaps show how far down a page people actually get, which reveals whether important content lower on a page is being seen at all. Area heatmaps group interactions by page section, useful for comparing performance across a page with multiple distinct content blocks. Attention and conversion-focused heatmap views build on these to help connect specific page zones to actual outcomes.
Heatmaps show patterns in aggregate. Session recordings show individual behavior. The most effective approach is pairing them: use a heatmap to spot a section with unusually low engagement, then filter session recordings to that specific page and watch a handful of real visits to understand what's actually happening, a confusing layout, a button that looks unclickable, a form field causing hesitation.
Clarity integrates directly with GA4, which lets you filter Clarity recordings by GA4-defined audience segments, for example watching only the sessions of users who added a product to cart but didn't complete checkout. In Clarity, go to Settings, then Integrations, select Google Analytics, and follow the prompts to connect the same GA4 property set up earlier in this series. Once connected, this is where the real analytical value shows up: GA4 tells you a segment of users is dropping off at a specific step, and Clarity lets you actually watch what that drop-off looks like in practice.
If your site receives visitors from the EEA, UK, or Switzerland, Clarity has required Consent Mode integration since October 2025. This means session recording and heatmap data collection for those visitors depends on your site's cookie consent implementation correctly signaling user consent status to Clarity, not just to Google Analytics.
Yes, unlike most competing behavioral analytics tools, Clarity has no traffic limits, no session recording caps, and no paid tier at all. Session recordings are retained for 90 days before automatic deletion, but heatmap data remains available for any historical period you select.
The tracking script is lightweight and asynchronous, meaning it loads without blocking the rest of the page from rendering. The performance impact is comparable to a standard analytics tag and shouldn't be a meaningful factor in page speed for most sites.
GA4 reports aggregate numbers: how many people, how many events, what conversion rate. Clarity shows the actual behavior generating those numbers, through visual heatmaps and literal replays of real visits. They answer different questions and work best used together, GA4 to identify where a problem exists, Clarity to understand why it's happening.
Once Clarity is confirmed active and connected to your GA4 property, the next step for any business selling products is making sure your catalog is actually visible where customers are shopping, starting with connecting Instagram Shopping to your storefront platform. This connects directly to our earlier guides on setting up Google Analytics 4 and verifying your tracking is accurate. If you'd rather have your full analytics and behavioral tracking stack set up and interpreted by someone who does this daily, that's exactly what our content development team helps with as part of a free Growth Gap Analysis.
How We Work
