Integrating GCM v2 on Webflow using CookieYes GTM Template

Last updated on August 13, 2024

Welcome to our comprehensive guide on how to integrate GCM v2 on Webflow using the CookieYes GTM Template. This step-by-step tutorial will walk you through the process of setting up Google Consent Mode v2 on your Webflow website, ensuring proper functionality and compliance with privacy regulations.

For New Users:

Begin by creating a CookieYes account using your Webflow website’s URL.

• Once your account is set up, select your preferred banner template and Default Language and then click Next step >>.

On the set up screen, click Go to Dashboard without taking any further action. The CookieYes code will be automatically added later when you configure Google Consent Mode using the CookieYes CMP template.

You can customize the consent banner according to your website’s requirements.

For Existing Users:

If you already have a CookieYes account, click the Log In button on the CookieYes Log In page. Use your existing credentials to access your CookieYes dashboard.

The first and most important step in implementation is to enable the Google Consent Mode v2 feature on the CookieYes platform. By default, the Basic Consent Mode feature should be enabled, but if you have disabled it at any point, follow these steps to turn it back on:

1. Log in to your CookieYes web app account.
2. Navigate to CookieYes Dashboard > Advanced Settings.
3. In Advanced Settings, toggle the button (to the right) labelled “Support GCM“ to enable the Basic Consent Mode.
   
   
   
4. To set up Advanced Consent Mode in GCM, toggle the button (to the right) labelled “Allow Google tags to fire before consent”.
   
   
   

Enabling only the Support GCM option implements basic functionality, firing only allowed tags based on user consent. When you also activate Allow Google tags to fire before consent, it ensures Google tags fire even before the user consents to the banner, but they operate without setting cookies until the user provides consent. This balance allows for some data collection while respecting user privacy choices.

Step 1: Create an Account

1. Sign Up for a Google Tag Manager account 
2. Set up a container for your website.

Step 2: Add CookieYes CMP Template

1. Navigate to the container Dashboard and click Tags > New to create a new tag.
   
   
2. Name the tag, then click Tag Configuration > Discover more tag types in the Community Template Gallery.
   
   
   
   
3. Search for CookieYes CMP.
4. Select the CookieYes CMP template and click Add to workspace > Add to add it to your GTM installation.
   
   

Step 3: Configure CookieYes Tag

Insert the CookieYes website key, set other fields to appropriate values, and save the tag after naming it.

• Enter your Website Key:
  • Head back to the CookieYes account.
  • Go to Advanced Settings and click Get Installation Code.
    
    
  • Copy the website key from the src attribute (e.g. src=”https://cdn-cookieyes.com/client_data/YOUR_WEBSITE_KEY/script.js”).
    
    
    
    Example:
    Copy only the coloured portion as shown below. Your code will differ from the example provided.
    https://cdn-cookieyes.com/client_data/5cfe4f28d3b2e213a2XXXXXX/script.js

• Set Default Consent Settings:
  • Click Add Setting.
  • Select Enabled/Disabled from the drop-down for each cookie category based on your requirements.
  • Set the Region by entering the ISO-standardized (ISO 3166-2) codes for the regions you intend to geo-target. If you do not want to geo-target specific regions, enter All in the Regions field. Refer to the ISO 3166-2 standard for appropriate region codes.
  • Click Add.
    
    

• Set the trigger:
  • Choose Consent Initialization – All Pages as the firing trigger. This ensures the tag activates before any other tags.
    
    

Step 4:Publish Changes

1. Click Save to complete the integration of CookieYes with the Google Consent Mode.
   
   
2. Click Submit and Publish to Publish your Container version.
   
   

Step 1:Access Webflow Dashboard

1. Login to your Webflow Account.
2. Head to your WebFlow Dashboard > Project Workspace and select your project Settings.
   
   

Step 2:Add GTM Code

1. Click on Custom Code.
   
   
   
2. Obtain the GTM Script.
   • Head back to the Google Tag Manager Account and Click the Container ID.
   • Copy the script.
     
     
     
3. Paste the first part of the GTM code (the one that goes into the <head> section) into the Head Code section and click on Save Button.
   
   
   
4. Paste the second part of the GTM code (the one that goes after the opening <body> tag) code into the Footer Code section and click on Save Button.
   
   
5. Click the Publish button.
   
   
   

To verify GCM integration on your website,

1. Go to Dashboard > Advanced Settings.
2. Scroll to the Google Consent Mode (GCM) section.
3. Click the Check now button against Check GCM status to run a configuration check.

To further confirm the setup is correct, follow the steps in our Verification Documentation.

By following these steps, you will have integrated Google Consent Mode with your Webflow website using CookieYes CMP. You can complete your website scanning from the CookieYes Dashboard and explore further customizations and features.

For further assistance, our dedicated GCM support team are here to assist you.