Skip to main content
OpenAIAnthropicGooglePerplexityMetaMicrosoft
Clarity heatmaps free, native
Microsoft ClarityMicrosoft Clarity·Analytics

microsoft clarity heatmaps native on every site.

paste a Clarity project ID, save, and the snippet renders gated behind analytics consent. heatmaps, session recordings, dead-click detection — all free from Microsoft, all running on a hardened Yovale origin without an extra WordPress plugin.

free trial. no credit card. all 30 integrations included on every plan.

includedYovale WordPress Hosting — Microsoft Clarity
yovale.com/en/integrations/microsoft-clarity
Microsoft Clarity · analytics consent

Clarity layers inside every wordpress site.

Clarity is the cheapest serious heatmap product on the market — Microsoft gives it away to feed Bing's product team. The barrier isn't cost, it's the install: most WordPress hosts make you add a Clarity plugin, then a consent banner plugin, then a cache-bypass rule.

01
save-time validation
regex `^[a-z0-9]{6,16}$` enforced in the dashboard
02
render-time mirror
same regex re-checked in PHP before snippet emission
03
consent gate
fires only after analytics consent is granted
04
head injection
snippet emitted in `wp_head` at priority 1
01
Clarity project ID injector
02
consent-aware activation
03
free heatmaps + session replay
04
no Clarity plugin needed
status panel
free
Microsoft Clarity is free
0 plugins
no Clarity plugin needed
GDPR ok
consent-gated by default
heatmap mode

see where visitors actually click and scroll.

Clarity captures click density, scroll depth, and dead clicks — all free, all retroactive. heatmaps populate after the first ~1000 visits and update continuously.

hot
CTA zone
warm
value props
cold
footer
/landing — desktop · 14,820 sessions
session replay

watch the actual moment your conversion broke.

Clarity records every session — scroll, click, hover, form input. masked by default for sensitive fields. play back the journey of any visitor who bounced, abandoned cart, or hit a 404.

session_id: c8f3a4b2 · duration 03:47 · device iPhone 153 dead clicks
00:0002:05 ← here03:47
pricing

microsoft gives clarity away. we give the install away too.

Clarity is free. There is no upsell tier. Microsoft uses the aggregate behavioral data to improve Bing's product team — that's the trade. For most WordPress sites, it's the cheapest serious heatmap product on the market.

Hotjar Plus
5,000 sessions/mo
$32/mo
FullStory
enterprise pricing
$1,000+/mo
Smartlook
5,000 sessions/mo
$55/mo
Microsoft Clarity
unlimited sessions, no upsell
$0/mo
setup

paste your project ID. start recording.

Yovale validates the Clarity project ID shape at save. the MU-plugin renders the snippet in `<head>` and gates it behind the visitor's analytics consent state.

  • 1
    Open Tracking → Analytics

    Find Microsoft Clarity in the dashboard's tracking panel. ships disabled by default.

  • 2
    Paste your Clarity project ID

    Copy from clarity.microsoft.com → Settings → Setup. format: 6–16 lowercase letters or digits.

  • 3
    Toggle on, save, hit your site

    First session shows up in Clarity within minutes. Heatmap data fills in over the first 24 hours.

Microsoft Clarity
enabled
project_id
abc123def456

Clarity issues this when you create a project. format: 6–16 lowercase alphanumeric characters.

heatmaps
recordings
dead clicks
what fires

heatmaps, recordings, surveys — all on the same snippet.

Click + scroll heatmaps

see where visitors interact, where they don't, and how far they scroll.

Session replay

watch every session with masked form inputs by default.

Dead-click detection

Clarity flags taps on non-interactive elements — broken UX, signposted.

Rage-click + JS errors

frustration patterns + console errors — debugging without QA logs.

faq

questions before you switch hosts for Clarity.

Is Microsoft Clarity actually free?

Yes. Microsoft offers Clarity at no cost, including session recordings, heatmaps, dead-click detection, and rage-click analysis. There are no per-session limits or upsell tiers.

Does Clarity respect EU consent?

Yovale gates Clarity behind the analytics consent signal. If the visitor declined analytics cookies, the Clarity snippet doesn't render. Microsoft's own SDK also has consent flags, but the Yovale gate runs before that.

Will session recording capture sensitive form fields?

Clarity masks input fields by default. You can configure additional masking rules inside the Clarity dashboard. Yovale's injector doesn't change Clarity's privacy defaults.

Can I run Clarity alongside GA4 and Hotjar?

Yes. They serve different purposes — Clarity for free heatmaps + recordings, GA4 for events, Hotjar for surveys. All three coexist in the same tracking panel.

Will the page cache break Clarity?

No. The snippet is part of the cached HTML. Recording happens client-side and isn't affected by edge caching.

ready when you are

free heatmaps, free session replay, ready by day one.

free trial. no credit card. paste a Clarity project ID, save, and recordings start flowing.