If you want to supercharge your web performance, you might want to consider installing Microsoft Clarity on your website. Microsoft Clarity is a free analytics tool that provides insights into user behavior on your website through features like heatmaps, session recordings, and other user interaction data. In this article, we will show you a quick and easy guide on how to install Microsoft Clarity with Google Tag Manager!
How to Install Microsoft Clarity with Google Tag Manager (GTM):
Create a Microsoft Clarity Account
Start a new Project
Provide the website name and URL
Copy the Tracking Code under the Install Manually option
Navigate to Google Tag Manager 📝 Note that you need to have GTM installed on ALL your website pages
Create a new Tag
Under Tag Configuration, select Custom HTML
Paste the Microsoft Clarity Tracking Code
Under Triggering, select the Trigger as All Pages
Save and Publish your Container
How to Preview Google Tag Manager to verify that the implementation is correct
Click on Preview
Type your website's URL to the Tag Assistant ➡️ Two tabs will automatically open: 1) Your website with the debugger connected 2) Google Tag Assistant.
In the Tag Assistant, under Tags Fired, you should see the Micosoft Clarity that you've created is firing normally
Frequently Asked Questions on Installing Microsoft Clarify with Google Tag Manager (GTM)
What if I want Microsoft Clarity to track specific pages only?
If you want to track specific pages only with Microsoft Clarity, you can set up triggers in GTM to specify which pages should to track and send data to Clarity. Instead of selecting "All pages," you can choose specific URLs or conditions that match your tracking needs.
Can I use GTM to manage other tracking tools alongside Microsoft Clarity?
Yes, GTM is designed to handle multiple tracking tools and scripts. You can manage and deploy various tags, including Google Analytics, Facebook Pixel, and others, alongside Microsoft Clarity.
Can I disconnect Microsoft Clarity from GTM?
Yes, you can disconnect or delete Clarity as follows:
To Disable: Click on the tag, and you can choose to disable it by toggling the status or changing the trigger settings so that it no longer fires.
To Delete: If you want to completely remove it, click on the tag to open its settings, then click on the three dots (more options) in the top right corner and select "Delete."
You might also want to remove any associated Clarity triggers if necessary to avoid confusion in the future.
What should I do if Microsoft Clarity data is not appearing as expected?
If Clarity data is not appearing, check the following:
Ensure the Clarity tracking code is correctly implemented in GTM.
Ensure that the Clarity tracking code is correctly installed on your website.
Ensure that the tag’s triggers are correctly set up.
Verify that the GTM container is published and the Clarity tag is firing.
Confirm that you are using the correct Clarity project ID.
Check for any JavaScript errors or issues with your website that might affect tag execution.
Clear your browser cache or try accessing your site in an incognito/private window.
Go to the Clarity Settings page and ensure that your project is properly configured.
Comments