Webflow CMPv2 + GTM + Consent Mode Implementation

In this guide, we will help you to integrate Usercentrics CMP v2 via the GTM Template into your Webflow project:

1. Once logged into your Webflow account, navigate to your site’s Project Settings page, and click on the Custom Code tab.
2. Paste the Google Tag Manager tracking code into the Head Code area and click on the Save Changes button.
3. Navigate to the Designer editor and insert an HTML Embed element right after the Body tag.
4. Go back to tagmanager.google.com and copy the second part of the tracking code.
5. Paste the code into the HTML Embed element you just created in Webflow, and click on the Save and Close button.
6. Since, in most cases, you will want to track your visitors on all of your pages, it is good practice to save this HTML Embed element as a symbol so that any changes made to the tracking code in the future will update all instances of the symbol across your project.
7. Click on Create New Symbol and name the symbol.
8. Once it is saved, you can now quickly insert the symbol by using Command + E (Mac) or Control + E (Windows) and type "Google" to find the tracking code symbol.
9. After implementing Google Tag Manager on your page, you can implement the Usercentrics Script via the GTM Template. You can follow the steps from our Usercentrics Documentation for the GTM Template - Usercentrics Documentation .
   • If you wish to implement Consent mode, you will need to adapt the GTM script following the documentation for Consent Mode -  Usercentrics Google Consent Mode Documentation