How do I configure the Google Tag Manager script and Usercentrics in a GDPR-compliant manner? (CMP Version 1)

Since Google Tag Manager itself is a data-processing technology (like e.g. Google Analytics), the user’s consent is needed in order to use the technology legally. The following article will walk you through the technical implications when setting up the Google Tag Manager script and Usercentrics in a GDPR-compliant way.

 

  1. Copy your Usercentrics script from the Usercentrics Admin Interface under General > CMP Implementation.

  2. Insert your Usercentrics script into the <head> area of your website.

  3. Add Google Tag Manager as a data-processing technology in your Usercentrics Admin Interface.

  4. Insert the Google Tag Manager script into the <head> area of your website.

    1. The structure of your website should look as follows:

      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <head> <meta charset="UTF-8"> <title>Title</title> <script type="application/javascript" src="https://app.usercentrics.eu/latest/main.js" id="YOUR_SETTINGS_ID" ></script> <!-- Google Tag Manager --> <script type="text/plain" data-usercentrics="Google Tag Manager"> (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','YOUR_CONTAINER_ID'); </script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=YOUR_CONTAINER_ID" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> </body>

       

    2. NOTE: The Usercentrics script has to be inserted BEFORE the Google Tag Manager script.

    3. NOTE: Add the attributes type="text/plain" and data-usercentrics="Google Tag Manager" to the Google Tag Manager script, in order for the script to only be activated once consent for Google Tag Manager is given.

  5. Continue by configuring the rest of your data-processing technologies. Learn how to do this here.