Learn more about how to Set up your consent banner with a consent management platform or a content management system.
Step 1: Set up a consent banner
- Sign up for a CookieFirst account.
- Configure your banner using the 'Getting started' wizard.
- Make sure that your banner complies with the requirements in the Google EU user consent policy (EUUCP).
For additional information on banner set up, review the CookieFirst implementation guide.
Step 2: Set up consent mode
Set up using Google Tag Manager
- Open Google Tag Manager and navigate to your container.
- In 'Tags', click New and name your tag.
- Click Tag Configuration, then click Discover more tag types in the Community Template Gallery. From the gallery, search for 'CookieFirst', then install 'CookieFirst CMP integration (consent mode)' by CookieFirst.
- In the CookieFirst Dashboard, go to 'Settings for your domain', then select Embed Script in the left sidebar. Copy your domain API key.
- Navigate back to Tag Manager, then paste your domain API key.
- Configure the default settings that you would like to use under 'Default consent mode settings'.
- Add a row for global settings and leave 'Regions' blank. You can add additional rows for region-specific settings by using comma-separated ISO 3166-2 country codes in the 'Region' box.
- Click Add, then click Triggering.
- Select 'Consent Initialisation – All Pages', then click Save.
- Click Preview in the top right-hand corner to test your container. View instructions for testing below.
- Publish your container.
Set up using another platform or directly from your website’s code
You can set your Google consent mode v2 defaults over the cookie banner. It’s important to make sure that your cookie banner embed script is loaded before any Google tags are added at the top of the <head> section of your website. This step is critical to confirm that the CMP functions properly. Learn more about Google consent mode v2 without GTM (Manual integration).
- Open CookieFirst, then go to the 'Domain settings' page.
- Search for the 'Google consent mode settings' section.
- Toggle the Enable Google consent mode switch.
- Toggle the Set Google consent mode defaults over cookie banner switch.
- In the next section, set the consent mode types based on region. Note: If you’re in the EU and EEA, it’s recommended that you leave the defaults turned off. For users outside of the EU, consult with your legal team to determine the best course of action.
- Click Save to finalise your banner configuration settings.
- In the CookieFirst Dashboard, go to 'Settings for your domain', then select Embed Script in the left sidebar. Copy the code in the code box under 'Content Delivery Network'.
- If you use a website builder, review their documentation to learn how to implement code in the 'head tag' of each page.
- In the
<head>tag of each page (review the instructions above if you use a website builder), paste the following code, followed by the CMP script that you copied earlier at the very top of the<head>tag. Note that this step is critical in order to ensure that the CMP functions properly.
<script>
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent for specific regions according to your requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
'regions':[<list of ISO 3166-2 region codes>]
});
// Set default consent for all other regions according to your requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
</script>
<!--Banner script here!-->
Testing using Tag Assistant
Learn more about how to Troubleshoot consent mode with Google Tag Manager.
