Microsoft Clarity — official heatmaps & session recordings

Microsoft Clarity Setup & Installation

Free user behaviour analytics tool. Heatmaps, session recordings, rage clicks, scroll depth — we find out why visitors are not converting.

100%
Free tool
3M+
Sites worldwide
1 day
Turnaround
clarity.microsoft.com / heatmaps
4 218
Sessions
63%
Scroll depth
2.3%
Rage clicks
✓ Microsoft Certified
Heatmaps
Session recordings
Rage click analysis
Scroll depth
Dead clicks
GA4 integration
AI Copilot
Heatmaps
Session recordings
Rage click analysis
Scroll depth
Dead clicks
GA4 integration
AI Copilot
What we do

Full Microsoft Clarity Setup

From tag installation to filter and goal configuration — we handle the entire technical process.

Tag installation
Placing the Clarity tag via GTM or directly in the theme. Verification of correct operation across all pages.
01
🎯
Goal configuration
Custom Events for tracking button clicks, form submissions, purchases. Tied to key business conversions.
02
🔥
Heatmaps
Heatmap setup by page type: homepage, categories, products, landing pages. Segmented by device and source.
03
📹
Session recordings
Behaviour filters: rage clicks, dead clicks, excessive scroll, JS errors. Prioritise problematic sessions.
04
🔗
GA4 integration
Linking Microsoft Clarity with Google Analytics 4. GA4 segments appear in Clarity for in-context session analysis.
05
📊
Audit & recommendations
Analysis of initial Clarity data: identifying UX issues, friction points, conversion improvement recommendations.
06
How we work

5 steps to full user behaviour insight

A structured process from audit to first insights — completed in 1 business day.

01
Site audit
Analysis of technical structure, CMS, existing analytics tools (GA4, GTM). Integration plan prepared.
02
Installation
Project registration in Clarity, tag placed via GTM or directly in code. Data collection verified.
03
Configuration
Filters, sensitive data masking, custom events, GA4 integration, device segmentation.
04
Testing
Verifying heatmaps, session recordings, and custom event transmission. QA across devices.
05
Handoff & training
Project handoff: walkthrough of the Clarity interface, reading heatmaps, filtering recordings, using AI Copilot.
Why Microsoft Clarity

Official heatmaps & session recordings — free

Clarity provides everything needed to analyse user behaviour with no traffic limits and no monthly fee.

🚫
No session limit
Unlike Hotjar (free plan: 35 sessions/day), Clarity records unlimited sessions at no cost.
🤖
AI Copilot
Built-in AI analyses your data and answers questions: “why do users leave the cart?”, “where are most rage clicks?”.
🔗
Native GA4 integration
GA4 segments and audiences appear in Clarity without additional setup.
🛡️
GDPR compliance
Automatic masking of sensitive form fields. Clarity never records passwords, payment data, or other confidential inputs.
FeatureClarityHotjar
Heatmaps
Session recordings35/day
AI Copilot
GA4 integration
PriceFreefrom $32/mo
FAQ

Frequently asked questions

Is Microsoft Clarity free or paid?
+
Microsoft Clarity is completely free. There are no limits on the number of sites, traffic, recorded sessions, or saved heatmaps. Microsoft funds the tool because it uses aggregated (anonymous) data to improve its own products.
Does Microsoft Clarity slow down my website?
+
The Clarity script loads asynchronously and does not block page rendering. The impact on Core Web Vitals is minimal. With proper installation via GTM (defer/async), there is virtually no speed drop.
How long does setup take?
+
Basic installation takes 1–2 hours. Full setup with custom events, GA4 integration, filters, and team training takes 1 business day. Initial data will appear in the dashboard within 2 hours of installation.
How does Microsoft Clarity integrate with Google Analytics 4?
+
Clarity has a built-in GA4 integration. Once connected, GA4 audience segments (e.g. “new users”, “from Google Ads”) appear in Clarity. You can also filter session recordings by the same conditions used in GA4.
What are rage clicks and dead clicks in Clarity?
+
A rage click is when a user clicks the same spot 3+ times in quick succession (frustration signal). A dead click is a click on an element that looks interactive but is not. Both signals help identify UX bugs.
Is Clarity GDPR-compliant?
+
Clarity automatically masks form fields (passwords, emails, phone numbers, payment data). Additional masking by CSS class is available. For full GDPR compliance we recommend integrating with a CMP.
Can Clarity be installed on WordPress, Shopify, or PrestaShop?
+
Yes, Clarity works on any CMS. For WordPress there is an official plugin and GTM installation. For Shopify — via GTM or directly in the theme. For PrestaShop — via GTM or a custom module.

Get Microsoft Clarity Set Up

We install, configure, connect to GA4, and show you how to read the data. By the next day you will see exactly where your users get stuck.

Setup completed in 1 day
Free tool — you only pay for the work
Guaranteed correct operation across all devices
Team training included
30-day post-setup support
Send a request
We respond within 1 business day