Microsoft Clarity

What is Microsoft Clarity?

Microsoft Clarity is a free behavioural analytics tool from Microsoft that gives you heatmaps, session recordings and user behaviour insights for your site — with no traffic caps, no session sampling and no premium tier. It's the main free alternative to Hotjar and FullStory for merchants who want to watch how real visitors interact with their storefront without paying per seat or per session.

Key features:

• Heatmaps — click, scroll and attention maps for any page.
• Session recordings — anonymous playbacks of individual visitor sessions, including mouse movements and clicks.
• Smart events and insights — Clarity automatically detects frustration signals like rage clicks, dead clicks, excessive scrolling and quick back-navigation.
• Integration with Google Analytics for cross-referencing qualitative (Clarity) and quantitative (GA) data.

Clarity automatically masks sensitive form inputs and respects Do Not Track settings.

How Nevuto handles Microsoft Clarity

• Nevuto injects the official Microsoft Clarity tracking code into every page of your storefront as soon as you save the integration.
• Clarity's own SDK handles session recording, heatmap aggregation and frustration detection — Nevuto doesn't touch or intercept any of it.
• You can disable the integration at any time from the admin panel; the script is removed on the next page load.

Add Microsoft Clarity to your Nevuto store

1. Log in to your Nevuto admin panel.
2. Go to Settings → Integrations.
3. Click the Add button next to Microsoft Clarity.
4. Paste your Project ID into the input field (a short alphanumeric string).
5. Toggle the status to Active and click Save.

Done — Clarity starts recording sessions and building heatmaps immediately.

Where to find your Project ID

1. Sign in to clarity.microsoft.com.
2. If you don't have a project yet, click New project and follow the prompts.
3. Open your project and go to Settings → Setup.
4. Scroll to Get tracking code. In the tracking snippet you'll see a line like clarity("set", "...", "abcd1234") — the short alphanumeric identifier is your Project ID.
5. Copy just the ID (not the full snippet) and paste it into Nevuto's Project ID field.

Test that it's working

• Open your storefront in an incognito window and browse for 30–60 seconds.
• Back in the Clarity dashboard, open Recordings — your session should appear within a minute.
• Open Dashboard → Live for a real-time view of active visitors on your storefront.
• Heatmaps populate as more sessions accumulate — give it a few hours of real traffic before checking.

Troubleshooting

• "Microsoft Clarity is not configured correctly" on save: the Project ID must be alphanumeric and at least 5 characters. Paste only the ID, not the full tracking snippet.
• No recordings or heatmaps: confirm the integration status toggle is Active in Nevuto, and hard-refresh the storefront. Clarity also respects Do Not Track — if your test browser has DNT enabled, sessions won't be recorded.
• Heatmaps look empty: Clarity needs a handful of sessions before it can aggregate a heatmap. Give it a day of real traffic.
• Data mismatch with Google Analytics: Clarity and GA use different session definitions and sampling, so raw counts often differ. Use Clarity for qualitative insights and GA for precise quantitative numbers.
• Ad blockers: some privacy extensions block Clarity. Test in a clean incognito window.