Measurement and analytics
Microsoft Clarity: watch what visitors actually do on your site, free
Ilyes Massoudi7 min readThe short answer
Microsoft Clarity is a free tool with no limit on visits that records visitor sessions as video and draws heatmaps of clicks and scrolling, so you see with your own eyes where a visitor stalled, where they clicked with no response and when they left. Analytics tells you that 70 percent left the page; Clarity shows you why. Installation is one code snippet or a tag in Tag Manager, and the reading that matters most: mobile recordings of your most important service page, the scroll map showing how many reached the WhatsApp button, and the rage-click and dead-click alerts. It is the complete free alternative to Hotjar for most Gulf businesses.
What it adds to Analytics
Google Analytics says: 68 percent of visitors to the services page left without interacting. That is a number, not a cause.
Microsoft Clarity shows you a video of the same session: a mobile visitor opened the page, waited three seconds for the image, scrolled quickly, tapped twice on a picture they thought was a button, then left. Now you know the cause, and you know what to fix.
The difference between the two tools is the difference between reading a temperature and seeing the patient.
Installation in ten minutes
- Create an account at clarity.microsoft.com and a project for your site.
- Copy the code and place it on the site: through Google Tag Manager as a custom HTML tag on all pages, which is best, or a WordPress plugin, or the platform settings.
- Link it to Google Analytics in the settings, so it shows GA4 sessions with their recordings.
- In the settings, enable strict text masking if your site receives sensitive data, such as clinics.
- Add it to your privacy policy as a behaviour analytics tool.
Recordings begin to appear within hours.
The four things you open
Session recordings. Filter to: device = mobile, page = your most important service page, then sort by duration or rage clicks. Watch twenty. Note what repeats.
The click map. Where visitors actually click. If clicks land on elements that are not links, such as service images or icons, the visitor expects something that does not happen. If the WhatsApp button has no clicks, it is invisible or not understood.
The scroll map. What percentage of visitors reached each part of the page. If the contact button sits in a zone only 20 percent reach, you have learned why the majority never contact you.
Automatic alerts. Rage clicks (rapid repeated clicks on an unresponsive element), dead clicks (clicks on something that does nothing), quick backs (left within seconds). This is your fault list, ranked automatically.
What to look for on Gulf sites specifically
| Pattern in the recording | What it means | The fix |
|---|---|---|
| Fast scroll down, then up, then exit | Looking for the number and not finding it | A fixed WhatsApp button |
| Clicks on service images | They think they are links | Make them links or remove the button-like look |
| Pinch-zooming | The Arabic font is small | 17 pixels or more |
| A long pause at the form, then exit | Too many or unclear fields | Three fields |
| Opening the English version, then hunting for the language switch | Landed on the wrong language | Language routing and a clear switch |
| Rage clicks on the menu | The menu does not open or closes instantly | A template fault |
Its limits
It does not measure enquiries by source as GA4 does, does not show search queries as Search Console does, and does not tell you whether the visitor trusted you. It is the tool for the question “why” after you know “how many” from the other tools. Both together are in the GA4 six numbers article.
Where this sits in the audit
The audit reviews the conversion path on every important page with a human eye on mobile, and detects which tracking tools are installed and whether they run before consent. If you have Clarity installed, I ask for read access and use the recordings as evidence behind the conclusions in the report.