How to use the Hubspot integration to show a custom cookie banner on your Flipsnack profile and flipbooks
A short while ago I made another article explaining how to implement a custom cookie banner using Cookie Pro by OneTrust. Hubspot also has a built-in consent manager that allows you to add that cookie banner via Tag Manager. The process is simpler than in my previous article and can offer similar results.
If you haven't already installed the Hubspot tracking code, I suggest you start there first since that is the main connection between your site and the Hubspot tools.
Also, make sure that you don't have any other cookie banners active on your website since that would conflict with this implementation.
Here’s how to integrate the cookie banner:
In the Hubspot, settings page go to Privacy & Consent and select the Cookies tab.
Customize your banner and policy and when you are finished copy the Cookie Settings Button code at the bottom of the page.
Go to your Google Tag Manager and in the same container create a new Custom HTML tag and paste the code for the cookie banner.
Set the trigger to include all pages and publish the container.
And there you have it. The cookie banner should show up on your profile page and any subsequent flipbooks you have.
Advanced targeting & Geolocation
Go to Settings and click on Privacy & Consent.
Then click on the Cookies tab.
Press the Add policy button and select the targeting criteria for it.
Let's make a Portuguese version of our cookie banner and make it appear on a single flipbook as an example. For this we first need the URL path from our flipbook, meaning the part of the link that comes after the domain. In the example below the domain is "email@example.com" and the path of my flipbook is "automation-task-c3f2j5nd1j".
And if you need to match the country as well, letting the generic policy appear for users from outside that country (Brazil in our example), we can add a filter for that as well.
The cookie banner should be online. If you want to test it out I would suggest opening your flipbook in a new tab and pressing Shift + F5 to make sure you load the latest content of your page.
Customize your Hubspot cookie tracking settings (Hubspot Knowledge Base)
For more ways to use Hubspot together with Flipsnack also visit: