Webflow: GTM Implementation Guide

The best and easiest way to control services on your Webflow website is to make use of Google Tag Manager, which will allow you to conditionally load your services.
To do this, you'll need a Google Tag Manager account, which you can create for free at https://tagmanager.google.com/ if you don't have one already.

Once you have your Google Tag Manager account, you can use it to both implement Usercentrics CMP and to configure tags to require consent.

When you've ensured Usercentrics CMP is loaded and relevant tags only load when they have consent, you'll need to add the Google Tag Manager snippet to your Webflow website.
To do this, you need to ensure that you are in Design mode, which you can select in the top left. Next, press the + button in the top left corner, scroll down to the Advanced section and click the Code Embed button:

Add the Google Tag Manager snippet:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Keep in mind that you must replace "GTM-XXXXXX" with your own Google Tag Manager Container ID.

If you exclusively use Google Tag Manager to load 3rd party scripts and remember to configure them to require "additional consent" no services should load without prior consent.