Appearance

How to Set Up Google Tag Manager ​

Follow this step-by-step guide to set up Google Tag Manager with Consent Pro.

1. Remove the <noscript> Tag from Google Tag Manager ​

Go to Site Settings > Custom Code and remove the Google Tag Manager <noscript> tag from the Footer code.

docs (27).png

2. Import the Consent Pro Template to Google Tag Manager ​

  1. Download the Consent Pro GTM template:
Consent Pro — GTM Template.tpl  ·  GTM Custom TemplateDownload
  1. Open your Google Tag Manager container.
  2. Navigate to ’Templates’ in the left sidebar.
  3. In the ’Templates’ tab, click ’New’.

docs (25).png

  1. Click the three dots icon (⋮) in the top-right corner and select ’Import’.

docs (26).png

  1. Select the Consent Pro - GTM Template.tpl file you just downloaded. The Template Editor will load with the Consent Pro configuration.

docs (10) (2).png

  1. Agree to the Community Template Gallery Terms of Service, then click ’Save’ to add the template to your workspace.

docs (28).png

  1. Close the Template Editor.

docs (9) (2).png

Done ✅

3. Create the Consent Initialization Tag ​

  1. In the ’Tags’ section, click on ’New’.

docs (29).png

  1. Click on ’Tag Configuration’

docs (30).png

  1. Select ’Consent Pro - GTM Template’ from the list in the Custom section.

docs (10) (3).png

  1. Click on “Triggering”.

docs (31).png

  1. Select ’Consent Initialization - All Pages’. This is crucial as it ensures Consent Pro loads before any collection tags.

docs (11) (1).png

  1. Name your tag (e.g., "Consent Pro Init") and click ’Save’.

docs (12) (1).png

You have successfully added the Consent Init tag ✅

4. Configure Region-Specific Consent Settings ​

Region-specific consent settings allow you to define default consent states based on the user's geographic location. This is particularly useful for complying with regional privacy regulations such as GDPR in the European Union or CCPA in California.

By configuring these settings, you can ensure that users from specific regions have their consent preferences initialized appropriately before any tags fire, providing a compliant and seamless experience across different jurisdictions.

  1. In the ‘Tags’ tab, select the ‘Consent Pro Init’ tag you just added.

docs (13) (1).png

  1. Click on ‘Tag Configuration’.

docs (14) (1).png

  1. Click on the ’Region-Specific Consent Settings’ accordion to expand it.

docs (32).png

  1. Click ‘Add Region Setting’ to create a new region configuration.

docs (33).png

  1. Select the storage fields based on the examples below.
Opt InOpt OutDon't SellInformational
Analytics StorageDeniedGrantedGrantedGranted
Ad StorageDeniedGrantedGrantedGranted
Functionality StorageDeniedGrantedGrantedGranted
Personalization StorageDeniedGrantedGrantedGranted
Ad User DataDeniedGrantedGrantedGranted
Ad PersonalizationDeniedGrantedGrantedGranted

If you have an ‘Opt-in banner’ added to Consent Pro,

Select ’Denied’ in all fields.

docs (1) (1).png

If you have an ‘Opt-out’, ‘Do Not Sell’ or ‘Informational Banner’ added to Consent Pro,

Select ’Granted’ in all fields.

docs (34).png

Why this matters

  • Opt In (e.g., GDPR): Users must explicitly consent before any tracking. GTM defaults must be Denied so tags don't fire until consent is given.
  • Opt Out / Don't Sell / Informational: Tracking is allowed by default. GTM defaults should be Granted since users can opt out later if they choose.
  1. Fill in ‘Regions’ with the region you selected when you created the banner.

Go to ‘Banners’ and click the copy button to copy the regions in the ‘Regions’ column.

Paste them into the ‘Regions’ field in Google Tag Manager.

docs (5) (1).png

  1. Click ‘Add’ to finish the region settings.

docs (6) (1).png

Note: If you have more than one banner created in Consent Pro, feel free to add more region settings. Here is an example of a setup with multiple banners.

docs (35).png

  1. Optional: review whether you need advanced settings.

docs (7) (1).png

  • Wait for consent update: Default is 1000ms. This defines the time to wait for a consent update before firing tags. Prevents tags from firing before user consent is processed. Recommended: 500-2000ms.
  • URL passthrough: Enable if you want to pass advertising click information (gclid, dclid, etc.) through URLs while waiting for consent. Helps preserve attribution data during consent flow.
  • Ads data redaction: Enable if you want to remove advertising identifiers from requests when consent is denied. Routes traffic through cookieless domains for privacy compliance.
  1. Click 'Save' to finish the Regions setup.

docs (36).png

5. Create Consent Update trigger. ​

To ensure proper detection and blocking, the triggers must be changed to use custom events from our solution. This allows us to detect the scripts and block them before they load.

  1. Go to 'Triggers' and click 'New'.

docs (8) (1).png

  1. Name it 'Consent Updated' and click on 'Trigger Configuration'.

docs.png

  1. Choose 'Custom Event'.

docs (37).png

  1. Fill 'Event Name' with 'consent-updated', and select 'All Custom Events’.

docs (39).png

  1. and 'Save'.

docs (41).png

6. Update how the scripts are triggered for Cookie compliance ​

  1. Select the tag in the ‘Tags’ tab. For this example, we are going to use the 'Facebook Pixel' tag:

docs (42).png

  1. Click on 'Edit icon'.

docs (43).png

  1. Remove the current trigger.

docs-1.png

  1. Click on 'Triggering'.

docs (44).png

  1. Select the trigger 'Consent Updated'.

docs (54).png

  1. Do the same for all your tags added to Google Tag Manager.

7. Add the respective additional consent checks for your tags. ​

This is also required to comply with Google Consent Mode v2.

  1. Ensure the website was scanned recently, or scan the website again.

Our solution will detect the scripts added to Google Tag Manager and help you categorize them. This is an important step to make sure the categories match in the app and in Google Tag Manager.

docs (53).png

And also to show users the tracker details in the preferences panel.

image.png

Note: Our solution only detects scripts from Google Tag Manager that are triggered on 'All Pages' or by Consent Pro custom events such as 'consent-updated' or, in version 1, 'essential-activated', 'marketing-activated', 'analytics-activated', and 'personalization-activated'. If you use a different trigger or another consent tool, update the triggers to 'All Pages' to continue the setup.

⚠️ If your script uses document.write, make sure to enable “Support document.write” in the tag settings. Otherwise, the script may not execute correctly and may not be detected by Consent Pro.

  1. Select the tag you want to add the additional consent check. For this example, we are going to use the 'Facebook Pixel' tag again:

docs (46).png

  1. Click on ‘Tag Configuration’.

docs.png

  1. Go to 'Advanced Settings' > 'Consent Settings'  and select 'Require additional consent for tag to fire'.

docs (55).png

  1. Choose the additional consents based on the category in the app. (check the visual reference below):

docs (57).png

That means the Facebook Pixel script will only load when the user consents to the 'Marketing' category or clicks on 'Accept All'.

  1. Visual reference for mapping the Consent Pro categories with additional consents:

Frame 48096515 (2).png

  1. Add the additional checks to every tag inside Google Tag Manager that requires user consent.

Note: Some scripts or tags may set trackers with different categories, such as Gtag. In these cases, add multiple consent checks based on the categories in the app.

8. Submit and publish the changes in Google Tag Manager ​

  1. Click on 'Submit'.

docs (47).png

  1. and 'Publish'.

docs (48).png

9. Confirm that the Google Tag Manager setup is completed in the Consent Pro app ​

In the ‘Actions’ tab, check the checkbox in the Google Tag Manager message within the Consent Pro app.

docs (49).png