Microsoft Clarity is a free behaviour analytics tool that records user sessions and generates heatmaps showing where visitors click, scroll, and spend time on your pages. On its own, it is valuable. Connected to GA4, it becomes significantly more powerful — you can filter session recordings by GA4 segments, see how specific user types interact with your pages, and identify the behavioural causes behind conversion rate problems.
What Microsoft Clarity Offers That GA4 Does Not
GA4 tells you what users do in aggregate — page view counts, event counts, conversion rates. Clarity tells you how individual users behave:
- Session recordings: watch anonymised recordings of actual user sessions on your Shopify store
- Heatmaps: see aggregated click maps, scroll maps, and area maps for any page
- Rage clicks: automatically flagged sessions where users clicked repeatedly on unclickable elements (indicates frustration or broken UI)
- Dead clicks: clicks on elements with no interaction effect
- Excessive scrolling: sessions where users scrolled up and down repeatedly (suggests they could not find what they were looking for)
All of this is free, with no sampling and no session recording limits.
How to Install Microsoft Clarity on Shopify
Go to clarity.microsoft.com and create a free account. Create a new project for your Shopify store URL. Clarity will generate a JavaScript snippet with your project ID.
Add the Clarity snippet to your Shopify theme.liquid file inside the head tag, or add it as a Custom HTML tag in Google Tag Manager triggered on All Pages. Clarity will start recording sessions within minutes.
How to Connect Microsoft Clarity to GA4
Clarity has a native integration with Google Analytics (both UA and GA4) that enriches both tools.
In Clarity, go to Settings → Integrations → Google Analytics. Enter your GA4 Measurement ID (G-XXXXXXXXX). Save the integration.
What this does:
- Clarity sends session metadata as custom events to GA4 (“Clarity_Session_URL” events), adding Clarity session replay links directly to GA4 event data
- GA4 dimensions (like session source / medium, device type, and custom segments) become available as filters inside Clarity’s session recordings
How to Use Clarity + GA4 Together for Shopify Optimisation
Find which traffic sources have the worst checkout abandonment, then watch why
In GA4, identify your traffic source with the highest checkout abandonment rate (e.g. TikTok / cpc has 80% abandon vs Meta / cpc at 60%). In Clarity, filter session recordings by utm_source=tiktok and watch sessions that reached the checkout but did not purchase. Look for common friction points: confusing shipping cost reveal, missing trust signals, slow-loading payment step.
See how mobile users interact with your product pages
GA4 shows that mobile converts at half the rate of desktop. Clarity’s heatmaps and recordings filtered to mobile sessions show you exactly why — the add-to-cart button is below the fold, the images do not load correctly on slower connections, or the size selector is too small to tap accurately.
Identify rage clicks on the checkout page
Clarity automatically highlights rage click sessions. Filter to rage clicks on the checkout page to find elements that frustrate users. Even a single recurring friction point (a non-functional promo code field, a confusing payment form label) can be costing significant conversions.
Privacy Considerations for Session Recording
Clarity automatically masks all text input fields and does not record passwords, credit card numbers, or personally identifiable information. However, if you have fields that contain sensitive data outside of standard input elements, review Clarity’s masking settings and add additional masking rules for those elements.
For GDPR compliance, if you are recording sessions from EU visitors, you need to include session recording disclosure in your privacy policy and consider implementing Clarity only after cookie consent has been given.
Getting Maximum Value from Clarity Without GA4 Integration
Even without the GA4 integration, Clarity is immediately useful. The most actionable starting point: filter session recordings to sessions where the user visited your product page but did not add to cart (no AddToCart event in the session). Watch 20–30 of these recordings. The patterns you see will almost certainly reveal something actionable about why your add-to-cart rate is lower than it should be.
Add Clarity to Your Analytics Stack
Microsoft Clarity is free and takes 10 minutes to install. Connected to GA4, it becomes the missing layer that explains the behaviour behind the numbers. If you have not already installed it on your Shopify store, there is no reason not to.
Book your free Shopify tracking audit here — we check your GA4 setup and can include Clarity integration verification as part of the audit.