To capture multi-screen recordings and funnels in Microsoft Clarity, you must call their consent API once you have Visitors consent. To make this easier for you, we have created a Tag Manager template that works with the Peppered cookie consent module.
Google Tag Manager Template
Our template works on the basis that users have opted to accept all cookies. Users who have not selected all cookies will only provide limited data, mostly limited to heatmaps/single-page sessions. This can skew your perception of sessions in Microsoft Clarity; please keep this in mind.
Adding Microsoft Clarity using your Google Tag Manager workspace
1. Open Tag Manager and open the Tags section
Open your Google Tag Manager account associated with your Peppered website.
Select Tags on the left-hand side:
2. Create a new Tag
Click New to create a new tag, then select the Discover more tag types int he Community Template Gallery option.
3. Find the official Microsoft Clarity Tag
Using the search, you can find the "Microsoft Clarity - Official” tag.
Select the “by Microsoft” option.
4. Add your Clarity Project ID
You can find this in your Microsoft Clarity account under Settings > Overview.
You will also need to set a trigger for when this tag should fire. Most users set the page trigger to “all pages”.
5. Add Consent settings
Open Advanced Settings, then Consent Settings. Then select Require additional consent for tag to fire.
In here type “ad_storage”
6. Publish your new tag
At this point you can use the preview option to try this in a safe space.
Publish your new Tag by clicking Submit and Publish.
Related articles