Key Takeaways
The goal
Understand what visitors were actually doing on my business websites — and use that to get more leads and sales.
The problem before
Websites built on assumptions, not evidence. No visibility on where visitors went, what stopped them, or why they left without converting.
What changed after
Clear behavioural data across all business sites. Real sessions to watch. Heatmaps to show exactly where visitors engaged. Better-performing paid ads. More conversions.
The feature that made the biggest difference
Session recordings, combined with heatmaps. Seeing real visitor journeys changed how every site was built and optimised.
Biggest limitation or caveat
Session data only retained for 30 days. Not a replacement for Google Analytics — it shows behaviour, not traffic sources or conversion tracking in the traditional sense.
Quick Context
I run a group of businesses in the UK — IT services, telecoms, managed print, digital marketing, and more. Every one of them has a website that needs to generate leads and sales. I also manage websites for clients through Carden Digital. The websites vary in traffic level, audience, and purpose, but the fundamental challenge is the same across all of them: turning visitors into enquiries.
Microsoft Clarity is installed across all of them. It costs nothing and provides a level of visitor insight that used to cost a significant monthly fee on tools like Hotjar. Here is how I use it, what I have learned, and what changed as a result.
The problem I was trying to solve
The traffic was there. What was happening to it was invisible.
When you build a website without any behavioural data, you are making decisions based on assumptions. You assume visitors see your call to action. You assume they scroll far enough to reach your pricing. You assume the contact form is obvious. You assume the page makes sense to someone who has never seen your business before.
Most of those assumptions are wrong.
Across the group of businesses, every website had been built by someone who knew the business well — which is exactly the wrong perspective for building a website that works for strangers. Pages had too much content above the fold that no visitor was reading. Contact forms were buried below sections nobody scrolled to. Navigation that made sense internally confused real visitors. None of this was obvious until we could actually see what visitors were doing.
Google Analytics told us how many visitors came and roughly where they went. It did not tell us what they did on each page, where they stopped reading, what they clicked that was not actually a link, or why they left without making an enquiry. That gap between “they visited” and “they converted” was entirely opaque — and that is where the money was being lost.
Why I chose Microsoft Clarity for this job
The choice was partly about cost, but the decision to stay was about what the tool actually does.
I had used Hotjar previously. It does more than Clarity in some respects — particularly around user feedback, surveys, and feedback widgets that let you ask visitors directly what they think. For an agency environment or a team that wants to run structured user research alongside behavioural analytics, Hotjar is a reasonable investment.
For my own businesses, I did not need that. I needed heatmaps, session recordings, and the ability to understand visitor journeys — all of which Clarity provides completely free, with no traffic limits, no session caps, and no plan tiers. Hotjar’s paid plans start to become meaningful costs when you are running multiple sites with reasonable traffic levels. Clarity removes that cost entirely.
Microsoft backing matters here too. Clarity is not a startup with uncertain longevity — it is a product from one of the largest technology companies in the world, and it has continued to add features (including a full Google Ads integration and AI-powered Copilot summaries) rather than stagnating. The free-forever positioning has held since launch, and the product has improved significantly over time.
One reason you might not choose Clarity
Clarity does not have user feedback or survey tools. If you want to ask visitors a question — “What stopped you from completing your purchase?” — you need a different tool for that. Hotjar’s feedback widget is something Clarity does not replicate. For most business websites focused on lead generation, this is not a blocker. For e-commerce teams wanting direct voice-of-customer data alongside behavioural analytics, it is worth knowing about.
The approach I took
Install everywhere first, understand what you have, then make targeted changes informed by what the data shows.
The approach across all the business sites followed the same sequence. Install Clarity via a small tracking snippet added to each site. Give it time to collect enough sessions to be meaningful — typically a week or two before drawing conclusions. Then work through the three core data sources in order: heatmaps first for a page-level view of behaviour, session recordings second to understand individual journeys in detail, and the Google Ads dashboard third to connect ad spend to post-click behaviour.
Changes were made incrementally rather than all at once. Seeing that visitors were not reaching a contact form does not tell you definitively whether the problem is scroll depth, page layout, or content quality — so changes were tested one at a time where possible, with Clarity used to confirm whether the change produced different behaviour.
What I actually did
Three tools within the platform, used in sequence, across multiple sites.
The first thing I looked at on every site was the heatmaps. Click heatmaps show where visitors click most — and crucially, where they click on things that are not interactive (dead clicks). Scroll heatmaps show how far down the page visitors typically get before they stop. On almost every site, the scroll data revealed that significant sections of each page were being seen by a much smaller proportion of visitors than the pages had been designed to assume.
Content and CTAs that had been placed “below the fold” were being missed by the majority of visitors on mobile devices in particular. Contact forms positioned halfway down long pages were only being reached by visitors who were already highly engaged. That insight alone changed how every site in the group was structured.
Session recordings were the second and most revealing source. Watching real visitors navigate a site is different from reading analytics data. You see hesitation. You see someone start filling in a form and then stop. You see a visitor click the same non-interactive element multiple times (rage clicks), which Clarity flags automatically. You see the exact path someone took before leaving, and whether they ever looked at the section you built specifically to convert them.
The Google Ads integration was the third significant addition. By linking Clarity to the Google Ads account, it became possible to see session recordings and heatmaps filtered specifically by which campaign the visitor came from. A visitor who clicked an ad for managed print services and then spent three minutes on the homepage without visiting the services page told us something specific about that campaign’s landing page relevance — something that Google Ads click-through rate alone would never have shown.
The outcomes I got and what caused them
Every outcome was traceable to a specific insight from Clarity, which led to a specific change on the site.
Outcome 01
Contact forms moved to where visitors actually were — and enquiries improved
The situation
Across several of the business websites, contact forms had been placed at a logical point in the page structure — after the key selling points had been presented. The logic was that a visitor who had read the page would then be ready to enquire.
The friction
Clarity’s scroll heatmaps showed that the majority of mobile visitors were not reaching the contact sections at all. The pages were designed for desktop reading behaviour. Most real visitors — arriving on mobile from search or ads — were leaving before they ever saw the form.
What I did
Added a contact form or prominent CTA button much higher on the page — within the first scroll on mobile — while keeping the original form lower down for visitors who did want to read first. Also added sticky contact buttons on some pages for mobile visitors.
The result
Enquiry rates from the affected pages improved noticeably. Clarity session recordings confirmed the change in behaviour — visitors were interacting with the CTA much earlier in their visit rather than leaving before reaching it.
The feature link
Scroll heatmaps (showing depth of engagement) and click heatmaps (showing where clicks were actually happening vs where they were intended). Without the visual data, the assumption would have been that the page structure was working.
Outcome 02
Paid ad spend became more targeted — because we could see what ad traffic actually did
The situation
Google Ads was running across several of the businesses, generating clicks and some conversions. The campaigns looked reasonable on paper — acceptable click-through rates, some leads coming through. But there was no visibility on what happened between the ad click and the conversion decision.
The friction
Some campaigns were generating traffic that bounced quickly. Without Clarity, this looked like an audience targeting problem. With Clarity’s Google Ads integration, session recordings filtered by campaign showed that visitors from certain ads were landing on pages that did not match what the ad had implied — the ad promised one thing, the page delivered another. That mismatch was causing the bounce, not the audience.
What I did
Reviewed session recordings for the worst-performing campaigns. Identified the landing page disconnect. Updated the landing pages to match the specific promise of each ad more closely — or in some cases, updated the ads to match what the pages actually offered.
The result
Ad spend went further. Visitors from those campaigns spent longer on the pages and engaged more with the content, as shown by improved scroll depth in subsequent heatmaps. The return on the same budget improved because the traffic that was already being paid for was converting better.
The feature link
Google Ads integration — filtering session recordings and heatmaps by campaign. This is a Business plan equivalent feature that most paid tools charge for; Clarity provides it free.
Outcome 03
Dead clicks revealed broken expectations — and fixed them before they became lost leads
The situation
Clarity automatically flags “dead clicks” — instances where a visitor clicked on something that was not actually interactive. On a well-designed page this should be rare. Clarity was showing it happening regularly on certain pages.
The friction
Visitors were clicking on images, section headers, and bolded text that they expected to be links or buttons, because they looked like they should do something. When nothing happened, some visitors clicked repeatedly (rage clicks), others left. These were moments of frustration that were invisible without Clarity.
What I did
Reviewed the dead click reports and identified the most frequently clicked non-interactive elements. Either made those elements interactive where it made sense (turned images into clickable links to the relevant service page), or adjusted the styling so they no longer looked like interactive elements.
The result
Dead click rates reduced. The pages felt less frustrating to navigate, which Clarity’s subsequent session recordings confirmed — less erratic clicking, cleaner journeys through to the contact sections.
The feature link
Dead click detection and rage click detection — both flagged automatically by Clarity without needing to set anything up. These are passive insights that appear in the dashboard as soon as Clarity has enough data.Outcome to Feature Map
| Outcome | Feature(s) used | Proof point |
|---|---|---|
| CTAs moved to where visitors actually were | Scroll heatmaps, click heatmaps | Heatmaps showed CTA below majority scroll depth; post-change recordings showed earlier engagement |
| Better-performing paid ad campaigns | Google Ads integration, session recordings | Recordings filtered by campaign revealed landing page mismatch; fixing it improved engagement metrics |
| Removed friction from dead and rage clicks | Dead click detection, rage click detection | Clarity flagged elements visitors expected to be interactive; changes reduced erratic click patterns |
Used by me vs not used by me yet
| Feature | Used? | Benefit | Best use case |
|---|---|---|---|
| Heatmaps (click, scroll, area) | Yes | Shows exactly where visitors engage on each page | Page layout decisions, CTA placement, content priority |
| Session recordings | Yes | Watch real visitor journeys in replay | Understanding drop-off, friction, and hesitation points |
| Google Ads integration | Yes | Filters recordings and heatmaps by ad campaign | Landing page optimisation, ad/page message alignment |
| Dead click / rage click detection | Yes | Automatic flagging of visitor frustration signals | UX fixes, broken element identification |
| Google Analytics integration | Yes | Links Clarity behavioural data with GA4 traffic data | Combining quantitative (GA4) with qualitative (Clarity) insight |
| AI Copilot summaries | Not yet | I have not used this yet, but here is where it helps: it generates instant AI-written summaries of behaviour patterns so you do not need to manually analyse every session or heatmap. | Time-saving for agencies or anyone managing many sites |
| Clarity Funnels | Not yet | I have not used this yet, but here is where it helps: tracks drop-off across a defined sequence of pages (e.g. homepage to services to contact) so you can see exactly which step loses the most visitors. | Multi-step journey analysis, form completion tracking |
| Microsoft Ads integration | Not yet | I have not used this yet, but here is where it helps: same as the Google Ads integration — connects Bing/Microsoft ad campaigns to session recordings and heatmaps. | Businesses running Microsoft Ads alongside Google Ads |
| Clarity browser extension (Live) | Not yet | I have not used this yet, but here is where it helps: view heatmaps overlaid directly on your live site without opening the Clarity dashboard. Useful for quick on-page checks. | Developers and designers wanting heatmaps in context |
| Team member permissions | Not yet | I have not used this yet, but here is where it helps: invite team members with read-only or admin access so they can view data without accessing your full account settings. | Agencies, in-house marketing teams, client reporting |
Features and benefits: from basic to advanced
All features are free. The progression below goes from what you will use on day one through to features that become relevant as your usage matures.
| Feature | Benefit | Best use case | Setup difficulty | Evidence to capture |
|---|---|---|---|---|
| Tracking script installation | Activates all Clarity features on your site | Any site — done once via GTM or direct code | Low | Screenshot of Clarity confirming data is flowing |
| Click heatmaps | Shows which elements on a page get clicked most — and which get dead-clicked | Understanding CTA effectiveness and button placement | Low — view only, no setup | Heatmap screenshot before and after CTA relocation |
| Scroll heatmaps | Shows how far down a page most visitors actually scroll | Deciding where to place key content and contact forms | Low — view only | Scroll depth heatmap showing the fold point on mobile |
| Session recordings | Watch real visitor journeys — clicks, scrolls, hesitation, rage clicks | Understanding why visitors leave without converting | Low — recordings are automatic | Recording player screenshot showing a key visitor journey |
| Dead click and rage click detection | Automatically flags frustration signals without manual tagging | Identifying broken UX expectations and non-interactive elements | Low — automatic | Clarity dashboard showing dead click count by page |
| Filters and segments | Filter recordings and heatmaps by device, traffic source, country, page | Comparing mobile vs desktop behaviour; isolating paid traffic | Low to Medium | Filter panel screenshot showing active filters applied |
| Google Analytics integration | Links Clarity data with GA4 so you can access recordings from within GA4 reports | Teams already using GA4 who want behavioural context alongside traffic data | Medium — requires GA4 property access | Screenshot of GA4 report with Clarity recording link visible |
| Google Ads integration | Filter heatmaps and recordings by Google Ads campaign — see what ad traffic actually does on your site | Landing page optimisation, improving ROAS by fixing post-click experience | Medium — requires Google Ads account access | Clarity advertising dashboard showing campaign intent metrics |
| Multi-project management | One Clarity account, multiple projects — each site has its own dashboard | Agencies and multi-site operators managing several properties | Low — create a project per site | Project switcher showing multiple sites listed |
| AI Copilot summaries | Generates instant written summaries of behaviour patterns — no manual analysis needed | Time-saving for anyone reviewing multiple sites or presenting to clients | Low — available in dashboard | Screenshot of an AI summary generated for a heatmap or recording set |
Common mistakes and how to avoid them
Most mistakes with Clarity are not technical — they are about how you interpret and act on the data.
Mistake 1: Drawing conclusions from too few sessions
A heatmap with 12 sessions tells you almost nothing reliably. Behaviour on one or two pages from a handful of visitors is not a pattern — it is noise. Wait for meaningful sample sizes (typically 200+ sessions on a page) before making changes based on the data.
Mistake 2: Watching recordings without a question in mind
It is easy to spend an hour watching session recordings without learning anything actionable, because you are just watching rather than investigating. Before starting a recording review, define what you are looking for: “Why are visitors not reaching the contact form?” or “What happens after someone clicks the services link?” Focused review produces useful insights; undirected watching produces vague impressions.
Mistake 3: Ignoring the mobile filter
Most web traffic is now mobile-dominant on consumer-facing pages. If you are reviewing heatmaps without filtering by device type, you are averaging desktop and mobile behaviour together — which often produces misleading data because the two experiences are genuinely different. Always check mobile heatmaps separately.
Mistake 4: Not installing Clarity early enough
Clarity only records data from the point of installation forward. It cannot retrospectively show you what was happening on your site before you added it. Install it on every site as early as possible, even if you do not actively review the data straight away. It costs nothing and the data accumulates passively.
Mistake 5: Treating Clarity as a replacement for Google Analytics
Clarity shows what visitors do on your site. Google Analytics shows where they came from, how many arrived, and what actions they completed (conversions). These are complementary, not interchangeable. You need both for a complete picture. Clarity without GA4 is like watching the match without knowing the score; GA4 without Clarity is like knowing the score without watching the match.
Privacy, consent, and tracking notes
As of October 2025, consent is mandatory for Clarity on sites serving visitors from the UK, EEA, and Switzerland. This is not optional.
What changed in October 2025
Microsoft began enforcing consent signal requirements for Clarity on 31 October 2025. For any website serving visitors from the UK, European Economic Area (EEA), or Switzerland, Clarity will only collect full session recording and heatmap data if the visitor has given explicit consent via a cookie banner or consent management platform (CMP).
Without a valid consent signal, Clarity still collects some data for EEA/UK/Swiss visitors — but sessions are fragmented (each page view is treated as a separate session rather than a continuous journey), and full session recordings and user journey continuity are unavailable. This significantly degrades the quality of the data.
If your site does not have a CMP that integrates with Clarity’s Consent API, the recordings and heatmaps you are seeing for UK and European visitors are likely incomplete.
The practical implication for UK businesses is that you need a cookie consent banner that is properly connected to Clarity’s tracking script — meaning Clarity only fires once a visitor has accepted analytics cookies. Google Tag Manager is a common way to manage this. Most modern CMP tools (CookieYes, CookieHub, Usercentrics) now support the Clarity Consent API directly.
Not legal advice
The above is a practical summary of what Clarity’s enforcement means technically. It is not legal advice. If you are unsure whether your current consent setup is compliant, speak to your developer or a specialist in data protection. The ICO’s guidance on analytics cookies is a good starting point in the UK.
On the privacy of the data itself: Clarity masks sensitive fields by default — form inputs, passwords, and payment fields are blurred in recordings. Microsoft stores Clarity data on Azure infrastructure. UK/EU customers contract with Microsoft Ireland. Data transfers comply with the EU-US Data Privacy Framework. None of this replaces your own privacy policy obligations — you should disclose your use of Clarity and its purpose to visitors.
FAQ
The questions that come up most often about Microsoft Clarity, answered directly.
Is Microsoft Clarity really free forever?
Microsoft Clarity has been free since its launch and Microsoft has stated it is free forever with no traffic limits or session caps. There are no paid tiers and no features locked behind a payment wall — heatmaps, session recordings, Google Ads integration, and AI summaries are all included at no cost.
That said, it is worth noting that Microsoft is not a website analytics company — Clarity is a supporting product rather than a revenue-generating one. There is no guarantee that will never change, though the product has been expanding rather than stagnating.
Does Microsoft Clarity slow down my website?
Clarity loads asynchronously, meaning it does not block your page from rendering while it loads. In most cases the impact on page speed is minimal. Some tools like GTmetrix or Google PageSpeed Insights may flag the Clarity script as a third-party resource, but the practical impact for the vast majority of sites is negligible compared to factors like image sizes or unoptimised hosting.
How is Microsoft Clarity different from Google Analytics?
Google Analytics tells you quantitative data — how many visitors arrived, which pages they visited, where they came from, and whether they completed a conversion event. Microsoft Clarity tells you qualitative data — what individual visitors actually did on each page, where they clicked, how far they scrolled, and where they hesitated.
You need both. GA4 answers “how many” and “which.” Clarity answers “what did they do” and “why might they have left.” Running both together gives you a complete picture that neither provides alone.
Can I use Microsoft Clarity without a cookie banner?
You can install it without a cookie banner, but from October 2025 Microsoft requires a valid consent signal for any visitor from the UK, EEA, or Switzerland. Without consent, Clarity will collect fragmented data only — no full session recordings, no continuous user journeys. For a UK-based website, not having a compliant consent mechanism means you are likely missing significant data quality on a large proportion of your traffic.
Does Clarity work on WordPress, Shopify, and other platforms?
Yes. Clarity works on any platform where you can add a script to the site’s header — which covers WordPress (directly or via GTM), Shopify (via the theme or GTM), Webflow, Squarespace, Wix, and custom-coded sites. Microsoft also maintains official integrations for WordPress and Shopify specifically. The tracking snippet is universal — if the JavaScript can run on your site, Clarity will work.
How long does Clarity keep session recording data?
Session recordings are retained for 30 days. Heatmap and aggregated data is retained for up to 13 months. This means you cannot go back and watch a recording from three months ago — recordings older than 30 days are no longer available. For long-term trend analysis, heatmaps are the more useful persistent data source within Clarity.
Can I use Microsoft Clarity for client sites?
Yes. Each site gets its own Clarity project, and you can manage multiple projects from a single account. You can also invite team members or clients to view individual projects with their own login and appropriate permissions. This makes it practical for agencies managing multiple client sites — each client project is separate and only shares data you choose to share.
Is Microsoft Clarity suitable for e-commerce?
Yes, and Clarity has built-in e-commerce metrics for Shopify users specifically, including checkout abandonment data and purchase tracking. For non-Shopify e-commerce, the core heatmap and recording features are directly applicable to optimising product pages, checkout flows, and basket abandonment. The Google Ads integration is particularly useful for e-commerce businesses running paid traffic to product or category pages.
Next reads: the step-by-step guides
Each guide below goes deeper on a specific part of the Clarity workflow — with step-by-step instructions for getting the most out of each feature.
My honest recommendation
If you have a website that exists to generate leads or sales and you are not running Clarity on it, you are making decisions without evidence you could have for free.
That is not hyperbole. The tool installs in under ten minutes, costs nothing, and within a week will show you things about your visitors that you did not know — some of which will surprise you. The scroll depth data alone changes how most people think about page structure. The session recordings make the problem concrete in a way that no amount of analytics reports can.
I have used it across Carden IT Services, Carden Telecoms, Carden Managed Print, Carden Hotspots, Growth MSP, and for clients at Carden Digital. It has enhanced every paid ads campaign we have run by showing us what the traffic was doing after the click. It has shaped how pages are built rather than how we assumed they should be built.
Start with the installation. Give it two weeks. Then look at your highest-traffic pages in heatmap view, and watch five or ten session recordings for visitors who left without making an enquiry. You will find something worth fixing. That is the whole process — and there is no good reason not to start it today.
Get started with Microsoft Clarity
It is free, takes under ten minutes to install, and starts collecting data immediately. There is no trial, no credit card, and no plan to upgrade to.
