Learn more about 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
- Sign up for a Concord account.
- When signing up for Concord and logging in for the first time, you can use the Concord setup wizard to easily configure your consent banner via the simple guided process.
- This process helps ensure that your banner complies with the requirements in the Google EU User Consent Policy (EUUCP).
For more information on setting up Concord and your consent banner, visit our Getting Started Guide.
To view or change your Google consent banner settings at any time, visit the support document on Configuring Google Consent Mode.
Step 2 of 2: Set up consent mode
Set up using Google Tag Manager
- Open Google Tag Manager and navigate to your container.
- In “Tags”, select New and name the tag.
- Select Tag Configuration > Discover more tag types in the Community Template Gallery.
- From the gallery, search for “Concord” by concord-tech and install Concord CMP.
- In the Google’s Tag Configuration template for Concord:
- If you're using the standard Concord direct embed script implementation, it's recommended to uncheck the Inject Concord Script option found in Concord's Google Tag Manager template.
- This can also be found in the "Deployment > Integrations > Embed Concord > Direct Embed" section in Concord.
- Add the Concord Project ID, which can be found in the Concord Admin UI, under "Deployment > Integrations > Embed Concord > Direct Embed > Google Tag Manager" section.
- In the "Triggering" section of Concord’s Google Tag Manager template, select the option to run using the Consent Initialization - All Pages Trigger
- The default Google consent settings should all be set to Denied initially.
- If you're using the standard Concord direct embed script implementation, it's recommended to uncheck the Inject Concord Script option found in Concord's Google Tag Manager template.
- Select Save in the Concord template.
- Test your container by selecting Preview in the top right corner.
- Publish your container.
The consent settings will now be automatically synced with Google based on the consent choices in your Concord Consent Banner & Privacy Center.
Set up using another platform or directly from your website’s code
- Login to your Concord account.
- In your Concord Account, follow the "Direct Embed" instructions in the "Deployment > Integrations > Embed Concord" section of Concord’s Admin UI to directly install Concord on your website. Our single line of code is placed at the top of the
<head>
section of your website, and then you add either the Google Tag Manager or gtag script below the Concord script.- If you’re using Google Tag Manager with the standard direct embed implementation, follow the instructions above and place the Google Tag Manager code right after the Concord script.
- If you’re using gtag instead of Google Tag Manager, place the
gtag
script right after the Concord script, and paste the following code above your Concord script. This establishes your consent defaults in the data layer, while allowing Concord to manage the actual gtag.
<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>
// Your Concord script goes here.
<script type='text/javascript' src='https://api.concord.tech/site-v1/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/site-client'></script>
How to test using Tag Assistant
Learn more about how to Troubleshoot consent mode with Tag Assistant.