How To Implement Microsoft Clarity Tracking with Shopify
Elevar powers your data layer and server-side tracking needed to connect Microsoft Clarity and Shopify.
- Channel Accuracy Monitoring
- Requires Elevar Data Layer
- GTM server-side client customizable
- Chrome Extension
- GTM Web Container
What customer events are tracked in this integration
- Sitewide Tag
What customer parameters are tracked in this integration
Steps to Implement
Step 1: Overview
Without a single line of code and done in minutes, Elevar helps you implement your Microsoft Clarity sitewide tracking for Shopify stores through Google Tag Manager using the most up-to-date requirements from each platform.
Microsoft Clarity provides website usage statistics, session recordings, and heatmaps.
Learn more about Microsoft Clarity.
Step 2: Install Data Layer to Your Store
In order to deploy Microsoft Clarity base tag via Google Tag Manager tags, you need to have a data layer implemented on your Shopify store that pushes customer and order data that Microsoft tags may require.
If you don’t have a data layer for your Shopify store yet, then you can utilize Elevar’s data layer for Shopify. It’s a 1-click installation into your theme.
Step 3: Download Container for GTM
Inside of your Elevar account, go to Pre Built Tags > Microsoft Clarity.
Update your pixel ID in the tag settings shown below.
Download the container and save to your computer.
Step 4: Import Container to GTM
Next up, go to your Google Tag Manager container > Admin > Import.
Be sure to select Merge container, not overwrite.
Once you’ve imported, verify your pixel ID variable is accurate.
Step 5: QA & Publish
Once you’re ready to go live then put GTM into preview mode and then publish to go live!
Compatible Data Sources
View common integration questions