Table of contents
Overview
Maintaining data privacy and adhering to regulations like GDPR and CCPA is essential for any business sharing digital content. If you already use Cookiebot to manage consent on your main website, you can easily extend that same compliance and privacy management to your Flipsnack flipbooks.
By integrating a custom Cookiebot banner via Google Tag Manager (GTM), you can deploy a centralized cookie policy that ensures your readers' data is handled securely and in strict accordance with your legal requirements. This setup works best when using a custom domain, giving you full governance over your digital assets.
Requirements
- An active Cookiebot account.
- A Google Tag Manager account and container.
- A Flipsnack Enterprise plan (required for Google Tag Manager and Custom Domain integrations).
- A Flipsnack custom domain or subdomain (Highly recommended to ensure you have full tracking control over your Flipsnack content).
How to configure Cookiebot and GTM
We highly recommend setting up a custom domain or subdomain for your Flipsnack account before starting this process. Working on a custom domain ensures that your cookie banner behaves predictably and gives you full control over your privacy settings.
1. Add your domain to Cookiebot
- Log in to your Cookiebot account and add your Flipsnack custom domain or subdomain.
- Choose your scan frequency and configure your domain settings.
- Customize your cookie banner's appearance and adjust your specific compliance settings to match your brand and regional requirements.
- Navigate to the implementation tab and copy your Domain Group ID to use in Google Tag Manager.
2. Deploy Cookiebot via Google Tag Manager
Now that your banner is saved, you need to link it to GTM. For a detailed walkthrough, please refer to Cookiebot's official Google Tag Manager deployment guide.
- Open your Google Tag Manager container and create a new tag.
- Click on Tag Configuration.
- Navigate to the Community Template Gallery.
- Search for and select the Cookiebot CMP template.
- Paste the Domain Group ID (from the implementation tab in Cookiebot) into the configuration panel.
- Select the desired trigger (typically All Pages) to fire the tag and save your changes.
- Click Submit to review your changes, and then publish your container.
- Verify your implementation in GTM to ensure the tag is firing correctly.
- Your Cookiebot setup inside GTM is now complete.
How to add the GTM container to your flipbook
With your tag live in GTM, the final step is to connect the GTM container to your Flipsnack workspace. You must install the Google Tag Manager ID on the specific flipbooks or the public profile where you want the Cookiebot banner to appear.
- To integrate GTM on a specific flipbook via the Customize page, read our guide on GTM integration in the flipbook player.
- To integrate GTM across your entire workspace or custom profile, check out the second step in our main guide for Google Tag Manager integration in Flipsnack.
Once you add your Container ID and publish your changes, the Cookiebot banner will appear on your flipbooks, allowing readers to manage their consent preferences.
Troubleshooting
What to do if your cookie banner does not appear in embedded iframes?
If you embed your flipbooks on an external website using an iframe, you might notice the CookieBot banner fails to load within the player. To resolve this, you need to add the iframe domain generated by Flipsnack to your approved CookieBot domains. Simply log into your CookieBot account, navigate to your domain group settings, and add the Flipsnack iframe domain alongside your custom domain.
Next steps
- Cookiebot's official Google Tag Manager deployment guide
- Learn more about GTM integration in the flipbook player
- Learn more about workspace-level GTM integration in Flipsnack
- How to brand the Flipsnack App with your custom domain
Need help setting up your Cookiebot banner?
Our team is here to help. Connect with our team experts via the in-app chat for personalized assistance!