Direct integration
HOW? By inserting the Integration script directly into your website’s codebase.
The script doesn’t get affected by ad blockers, allowing to load the cookie banner safely for all visitors. This is the recommended way.
Integrate with your website
Cookifi is a comprehensive consent management platform that helps you manage website visitors’ consent. It provides tools to help you ensure consent-based tracking and compliance with local regulations.
This guide will walk you through different options of integrating Cookifi with your website.
If you’ve already integrated Cookifi using the Getting started guide, you can skip this detailed guide and move directly to Configuring your property.
Create a new property
Section titled “Create a new property”To create a new Cookifi property, click the Add button in your Cookifi admin panel.
This will open the following popup:
Enter the following details:
- A name for your new property.
- Your domain.
- (Optional) The URL of your sitemap.
Click the Create button. Your new property will now appear in the Properties list.
Get the Integration script
Section titled “Get the Integration script”Click on the property you just created to open its settings:
Integration options
Section titled “Integration options”There are two ways to integrate your Cookifi property with your website:
Via GTM
HOW? By inserting the Integration script via Google Tag Manager.
Using GTM allows you to implement Cookifi without involving developers, but the cookie banner may not load for visitors using ad blockers, potentially causing compliance issues.
Choose the option that works for you.
Direct integration
Section titled “Direct integration”Within the General settings, look for the Integration script section.
Notice the toggle bar above the script:
The first icon represents Google Consent Mode’s Default command:
If you want Cookifi to handle the Default command, click that icon:
When enabled, the Integration script will include the Default command with your property’s default configuration values. You can modify these values in the Regions settings. We will go through these in the following guide.
When enabled, you can also configure the URL Passthrough and Ads Data Redaction parameters:
If you don’t know what these mean, you can learn about them in Google Consent Mode.
Once satisfied with the code, copy it:
Open your website’s admin panel or code editor, and paste the Integration script as high as
possible within the <head> section. Ensure this code applies to all pages of your website.
Save the changes and visit your website. You should now see the Cookifi cookie banner displayed.
Voilà - you have successfully integrated Cookifi with your website and can skip to the next guide.
Troubleshooting
Section titled “Troubleshooting”Some website platforms (e.g., Go High Level) may strip off the data- attribute from the script,
preventing the banner from loading.
If this happens, return to the Integration script section and toggle to Query string mode:
Copy the modified code and replace the old one with it.
Via GTM
Section titled “Via GTM”Open the General settings of your property, and look for the GTM Integration script:
Copy the provided code:
Open your Google Tag Manager container, and create a new Custom HTML tag:
Name the tag appropriately, e.g., cHTML - Cookifi, and paste the GTM Integration script into the HTML section:
For the trigger, select the Consent Initialization - All Pages:
Click Save and Preview your changes:
If you can see the Cookifi cookie banner displayed on your website, you can proceed to Publishing your GTM container:
Voilà - you have successfully integrated Cookifi with your website.