A Zero-Cost Conversion Stack: Microsoft Clarity Heatmaps Plus GA4
GA4 numbers alone never tell you why visitors leave
Once GA4 is installed, you can see product-page traffic, exit rate, add-to-cart rate, checkout completion, and exactly how many people drop at each funnel step. This is GA4 at its best, and for most small stores the free tier handles the volume without issue.
The catch: GA4 answers what happened and how much, never why.
Take a common case. A best-selling product page suddenly loses a chunk of its add-to-cart rate. GA4 hands you a declining curve and stops there. You do not know whether shoppers cannot find the add-to-cart button, whether the variant selector is unclickable, or whether the page is so long that nobody scrolls far enough to see the button. The number sits there and the cause is a guess.
GA4 has no native heatmaps and no session replay. That is not a flaw; it simply is not what the tool is for. It is a quantitative analytics platform, not a behavior-observation one. Where the cursor went, which dead elements people clicked, where they scrolled before leaving: GA4 cannot tell you any of it.
That gap is exactly what Microsoft Clarity fills.
What Clarity adds is the “why” layer
Microsoft Clarity is a Microsoft product, free forever, and crucially has no traffic cap. Most free heatmap tools limit your monthly sessions and ask for money once you cross the line. Clarity does not. Unlimited heatmaps, unlimited session recordings, all free.
What you get:
- Heatmaps: click maps show where people tap, scroll maps show how far down the page they get before leaving, area maps show which blocks actually got attention.
- Session recordings: replay how real people use the page, including cursor paths, hesitation, and points where they get stuck.
- Rage-click detection: when a visitor jabs the same spot repeatedly, that element is usually broken or looks clickable when it is not.
- Dead-click detection: clicks that do nothing, often on an image or a line of text people mistook for a link.
- Funnels: define a few steps and watch how many people drop at each.
- Clarity reportedly also offers AI-generated insights that summarize anomalies in recordings. Treat the exact scope of that feature as per the official docs, and use it as a lead rather than gospel.
With these, the earlier “add-to-cart dropped” mystery solves itself: open the scroll map and find that almost nobody reaches the button row, or watch rage clicks light up the variant selector. The cause is right there.
What Clarity and GA4 each answer
These two are not substitutes; they split the work. One measures volume, the other explains it. Here is the side-by-side:
| What you want to know | GA4 | Microsoft Clarity |
|---|---|---|
| How many people visit a product page | ✅ Strong | ❌ |
| Overall add-to-cart and checkout completion rate | ✅ Strong | Partial (via custom funnels) |
| How many drop at each funnel step | ✅ Strong | ✅ |
| Where traffic comes from, which channel converts | ✅ Strong | ❌ |
| Where the cursor clicks, how far people scroll | ❌ | ✅ Strong |
| Which button gets rage-clicked (broken) | ❌ | ✅ Strong |
| How a real person works through the page | ❌ | ✅ Strong |
| Which content nobody looks at | ❌ | ✅ Strong |
GA4 answers what and how much; Clarity answers why. Use GA4 to flag which page has a problem, then use Clarity to dig in and see what the problem actually is.
A working diagnosis flow: from a dropping number to the leak
Say your checkout funnel bleeds hard at the cart-to-checkout step. Run this:
- Pinpoint the leaking step in GA4. Open the funnel report, confirm which transition loses the most people, and note that page URL.
- Filter that cohort’s recordings in Clarity. Filter by page path and pull the sessions where someone reached the cart but never entered checkout. Watch a dozen back to back.
- Read the rage- and dead-click markers. A pile of rage clicks on the checkout button suggests it loads slowly or never responds; dead clicks clustered on a shipping-policy line suggest people expected it to expand.
- Pull the scroll map. Check whether the key checkout button got pushed below the first screen, which happens easily on mobile.
- Verify in GA4 after the fix. Compare conversion on the same funnel step before and after. Let the number settle the argument.
Product-page leaks follow the same logic: rage clicks tend to land on a broken variant selector, dead clicks on elements that look like links but are not, and scroll drop-off shows up when there is too much filler above the add-to-cart button.
Connecting the two, plus the limits to know
Clarity’s dashboard supports a direct GA4 connection. Once linked, you can filter recordings by GA4 dimensions like source channel or device. That lets you work in reverse: see “mobile paid traffic converts poorly” in GA4, switch to Clarity, and pull up that exact cohort’s recordings to watch where they stall. With both connected, the diagnosis loop closes.
Setup is a JavaScript snippet, no server-side work, and most store builders let you paste it in.
A few limits to know up front:
- Recordings are retained around 30 days. Clarity keeps roughly the last month of sessions by default (a small sample may live longer), so save or screenshot the important clips before they age out if you want long-term comparison.
- Sessions are sampled. On high-traffic sites Clarity does not record every single session; it samples. So individual recordings are reliable for understanding behavior, but do not treat recording counts as precise traffic stats. Leave that to GA4.
- The two numbers will not line up. Clarity’s session count and GA4’s session count use different definitions. Do not chase the mismatch; let each tool do what it is good at.
For an even lighter layer, add Cloudflare Web Analytics: free, privacy-first, cookieless pageviews. It does not replace either tool above, but as a fallback traffic count that does not depend on cookie consent, it is a low-effort win.
Put the set together and you have GA4 for volume, Clarity for behavior, Cloudflare for backup pageviews, all at no cost, covering nearly everything a small store needs to chase down conversion leaks.
Related Articles
Squeeze Free LLM Tiers: Routing Marketing Tasks Across ChatGPT, Claude, Gemini
Instead of paying $20/month for one tool, route each marketing task to the free tier that does it best and never hit a single tool's cap. Here is the routing table and a full day's workflow.
A Zero-Cost Product Demand Research Stack with Google Trends
You do not need a 99-dollar-a-month research suite to validate a product idea. This stack chains Google Trends, the free Google Keyword Planner, Bing Webmaster Tools, and marketplace best-seller pages into a workflow that costs nothing. Here is what each tool gives you, what it does not, and when paying finally makes sense.
Free Product Videos for TikTok and Reels with CapCut AI
A practical workflow for producing short-form product videos at zero cost using CapCut free AI features: AI script, text-to-speech voiceover, auto-captions, templates, and short AI b-roll. Includes a free-versus-paid feature split and platform-specific tips.