Learn how to Set up your consent banner with a consent management platform or a content management system.
Step 1 of 2: Set up a consent banner
- Create your account or sign into your account on Cookifi.
- Create your consent banner using the Getting started wizard.
- Keep the “Use recommended Google banner template” option enabled to comply with the requirements in the Google EU User Consent Policy (EUUCP):
Learn more about Cookifi banner setup.
Step 2 of 2: Set up consent mode
Using Google Tag Manager
- Open Google Tag Manager and navigate to your container.
- In “Tags”, click New.
- Name the tag.
- Click Tag Configuration.
- Click Discover more tag types in the Community Template Gallery. From the gallery, search for “Cookifi by cookifi-cmp”.
- Click Add to workspace.
- Insert your Cookifi API key, which you’ll find in your Cookifi account > General > Google Tag Manager.
- Configure your “Default Google Consent Mode” command for the regions you’re getting visitors.
- Click Triggering.
- Select Consent Initialization - All Pages.
- Click Save.
- Test your container by clicking Preview in the top right corner.
- Publish your container.
Using other platforms or directly editing website code
- Open Cookifi, go to General > Direct script, and copy the provided code.
- If you’re using a website builder, review their documentation to find out how to implement code in the “head tag” of each page. Otherwise, skip to step three.
- In the
<head>tag of each page (see step 2 if you’re using a website builder), paste the script you copied in step 1 at the very top of the<head>tag. Note that this is critical in order to ensure the CMP functions properly. Based on your settings, it will look similar to the example below:
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: "denied",
ad_user_data: "denied",
ad_personalization: "denied",
analytics_storage: "denied",
personalization_storage: "denied",
functionality_storage: "denied",
security_storage: "granted",
wait_for_update: 500,
});
gtag('set', 'url_passthrough', true);
gtag('set', 'ads_data_redaction', true);
</script>
<script fetchpriority="high" data-apikey="YOUR_API_KEY_HERE" src="https://lib.cooki.fi/index.js"></script>
Test with Tag Assistant
Learn more about how to Troubleshoot consent mode with Tag Assistant.