A Gauteng online store had a problem that did not add up. Traffic was healthy, GA4 looked fine, and sales were flat. The numbers said people were arriving; something invisible was turning them away. We installed Microsoft Clarity and watched a handful of session recordings. Within an hour we had it. On mobile, visitors were tapping a product image expecting it to open, nothing happened because it was not a link, they tapped it again harder, and then most of them abandoned at the point where the delivery cost appeared.
GA4 could tell them people were leaving. It could never tell them why. That is the gap Microsoft Clarity fills, and it is free. This post covers what Clarity is, what it shows that analytics cannot, why it matters so much for mobile-heavy South African traffic, and how we use it to recover lost sales.
What is Microsoft Clarity and how does it work?
Microsoft Clarity is a free behaviour-analytics tool that records real visitor sessions and builds heatmaps of your pages. It surfaces the moments that signal frustration, rage clicks, dead clicks, excessive scrolling and quick-backs, and it does so with no traffic caps and no data sampling, even on high-traffic sites.
Two features do the heavy lifting. Session recordings let you watch anonymised playbacks of real people using your site, so you see hesitation, misclicks and the exact point someone gives up. Heatmaps aggregate where people click, tap and scroll, showing at a glance whether anyone reaches your call-to-action or whether they all bail halfway down.
Clarity also labels behaviour automatically: a “rage click” is rapid repeated clicking on one spot, usually because a visitor expects something to work and it does not, and a “dead click” is a tap on something that looks interactive but is not. Those labels turn hours of watching into a filtered list of problems.
What Clarity shows that GA4 can't
GA4 tells you what happened; Clarity tells you why. Where GA4 reports that a page loses 70% of its visitors, Clarity lets you watch the exact moment they get stuck and leave. One gives you the number, the other gives you the cause, and you need both to fix anything.
They are partners, not rivals. The efficient workflow is to let GA4 find the leak and let Clarity explain it. GA4 flags the checkout step with the steep drop-off or the landing page with the high bounce; Clarity’s recordings and heatmaps for that same page show whether the problem is a confusing form, a button below the fold that nobody scrolls to, or an element that shifts as the page loads and gets mis-tapped. If you want the measurement side of that pairing, see what GA4 measures alongside Clarity in our guide on how you can see what GA4 measures alongside Clarity. Used together they turn “our website underperforms” into a specific, fixable list.
How SA businesses use Clarity to fix mobile UX
Most South African web traffic is mobile, often on metered data and variable connections, and Clarity’s device segmentation exposes the mobile-only friction that desktop testing never catches. The problems that cost SA businesses sales rarely show up on the designer’s large screen.
A few patterns come up again and again in the SA recordings we review. Rage clicks cluster on mobile at form and checkout steps, frequently because an element shifts while the page is still loading and the visitor taps the wrong thing, which is a layout-stability problem you can measure and clear by addressing the Core Web Vitals hurting your UX. Quick-backs, where someone lands and immediately returns to the results, spike on image-heavy pages that load slowly over mobile data. And tap targets that sit fine on desktop turn out to be too small or too close together on a phone. None of this is visible in a traffic chart; all of it is obvious in thirty seconds of a recording.
The heatmaps add the aggregate view that recordings cannot. Click and tap maps show whether anyone actually reaches your call-to-action or whether attention dies higher up the page. Scroll maps are the blunt one: on mobile they routinely show that a large share of visitors never scroll far enough to see the price, the form or the “add to cart” button, which reframes a “low conversion” problem as a “nobody sees the offer” problem. Once you know that, the fix is layout, not persuasion.
How GKnect Digital uses Microsoft Clarity in CRO work
GKnect Digital installs Clarity, reviews the recordings against your GA4 drop-off data, isolates the specific friction costing you conversions, and feeds concrete UX fixes into the site, then measures whether the change actually lifted results. It is conversion rate optimisation grounded in what real visitors do, not in opinion.
The process is deliberate. We set Clarity up correctly, including the privacy side, since it masks sensitive content by default and should sit behind your consent setup to stay POPIA-aware. We use GA4 to find the pages leaking the most value, then watch Clarity for those pages to diagnose the cause. We turn what we see into a prioritised list of fixes, the button that needs moving above the fold, the form field everyone abandons, the image that needs to be a link, and we implement them. Then we measure again, because a change that does not move the number is not a fix. This is core to how our team can improve your site with our UX and CRO team, and it directly addresses the common traffic-but-no-leads problem. It also protects your ad budget, because there is no sense paying to send ad spend to pages that do not convert.
Getting started with Clarity
Setting up is quick: create a free account at Microsoft Clarity, add the tracking code to your site, and within a day or two you will have recordings and heatmaps to review. On WordPress it can go in through your tag manager or a small snippet, and the Microsoft Clarity documentation walks through installation and the privacy controls.
Once data is flowing, resist the urge to watch everything. Filter to the sessions that matter: recordings with rage clicks, sessions on your key landing or checkout pages, and mobile visitors specifically. A focused half hour on your worst-performing page tends to reveal more than a full day of aimless watching.
What this means for you
- Install Microsoft Clarity so you can watch what visitors actually do, not just count them.
- Use GA4 to find the leaking pages, then use Clarity to watch why people leave them.
- Filter recordings to mobile sessions and rage clicks, where the costly problems hide.
- Fix layout shifts and slow image-heavy pages that trigger mis-taps and quick-backs.
- Set Clarity up behind your consent setup so it stays POPIA-aware.
Where GKnect Comes In
GKnect Digital uses Microsoft Clarity inside our UX and conversion work for South African businesses whose websites get traffic but not enough leads. We install it, watch the recordings against your analytics, find the exact friction, fix it, and measure the lift. Your site stops losing the visitors you already paid to attract.
