Learn how to integrate Microsoft Clarity with Flipsnack via Google Tag Manager (GTM)
Table of contents
Overview
Microsoft Clarity is a powerful analytics tool that provides insights into user behavior through heat maps, session recordings, and engagement metrics. Integrating Clarity with Flipsnack via Google Tag Manager (GTM) allows you to track visitor interactions on your Flipsnack Profile effectively. This guide will walk you through the setup process.
Important: Clarity can't capture flipbook interactions since it blocks third-party iFrames and HTML Canvas elements. They show up in your recording, as shown below. You can track and record only profile interactions.
What you can track with Microsoft Clarity
- Heatmaps – View where users click and interact on your flipbooks on your profile.
- Session Recordings – Watch real user interactions to analyze behavior.
- Click & Scroll Metrics – Understand how visitors engage with your content.
Requirements
-
Flipsnack account with Google Tag Manager installed
-
Microsoft Clarity account
- Enterprise Flipsnack subscription
Steps to Integrate Microsoft Clarity with Flipsnack
How to manually link Microsoft Clarity
Before integrating Microsoft Clarity, ensure that Google Tag Manager (GTM) is installed in Flipsnack:
-
If you haven’t added GTM, go to Flipsnack settings and insert the GTM container ID where custom scripts are allowed.
Create a New Microsoft Clarity Project
1. Visit Microsoft Clarity and sign up or log in.
2. Create a New Project and enter details for your Flipsnack profile.
3. Copy the Clarity tracking code from the Setup page in Settings.
Add Clarity to GTM
1. Open Google Tag Manager.
2. Click on Tags > New.
3. Select Tag Configuration and choose Custom HTML.
4. Paste the Clarity tracking script inside the HTML box.
5. Click on Triggering.
6. Select All Pages so Clarity tracks all interactions where GTM is installed.
Tip: Exclude the Clarity tag from flipbooks to improve load times, as it can't track flipbook interactions. Instead, you can create a trigger for profile visits only.
Publish the GTM Container
1. Click Submit and then Publish.
2. Microsoft Clarity will now begin tracking user interactions on your flipbooks.
3. To check if the installation was successful, you can check the Recordings tab and look for active sessions.
How to automatically link Microsoft Clarity
1. Visit Microsoft Clarity and sign up or log in.
2. Create a New Project and enter details for your Flipsnack flipbooks.
3. Select install with Google Tag Manager in the Setup tab. Microsoft Clarity should automatically detect your Google Tag Manager account.
4. Give the necessary Google Account permissions to Microsoft.
5. Select your Account and Container, then click Create and publish.
6. Now your Google Tag Manager and Microsoft Clarity account should be connected, and data should be coming in from your flipbooks.
Tracking session examples
Here are some examples of how your tracking sessions will look in Microsoft Clarity.Heatmaps
View where users click and interact on your flipbooks.
.jpg?width=688&height=498&name=Screenshot%202025-03-12%20at%2008.47.58-mh%20(2).jpg)
Session recordings
Watch real user interactions to analyze behavior.
Attention, area & scroll metrics
Understand how visitors engage with your content.
Next Steps
Explore other related articles
For additional integration guides, check out our related articles:
Need Expert Support?
Our team is here to help. Connect with our team experts or message us via the in-app chat for a personalized demo.