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 Cookie Information account.
- Configure your banner using the 'Get Started' wizard.
- Make sure that your banner complies with the requirements in the Google EU User Consent Policy (EUUCP).
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 the tag.
- Click Tag Configuration then click Discover more tag types in the Community Template Gallery.
- From the gallery search for 'Cookie Information', then install 'Cookie Information + Consent Mode v2' by cookie-Information.
- In the configuration for the 'Cookie Information template', tick the box next to 'Add Cookie Information consent banner'.
- Configure any country-specific settings that you’d like to use under 'Default settings'. Create one row for each setting that you’d like to override (default is denied), and use comma-separated ISO 3166-2 country codes in the Region box to indicate which regions/countries that row’s settings should apply to.
- 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
- From your Cookie Information account, go to 'Installation' in the left sidebar. Copy the code from the code box.
- If you use a website builder, review their documentation to find out how to implement code in the 'Head tag' of each page. Otherwise, skip to step 3.
- 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);}
// IMPORTANT – DO NOT COPY/PASTE WITHOUT MODIFYING REGION LIST
//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': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'analytics_storage': 'granted'
});
</script>
<!--Banner script here!-->
Testing using Tag Assistant
Learn more about how to Troubleshoot consent mode with Google Tag Manager.
