This guide walks you through setting up and configuring the Cookie Control banner on a Websites 360® site using Google Tag Manager (GTM).

Part 1: Set up Google Tag Manager

1. Before getting started, make sure Google Tag Manager is installed and configured on your Websites 360 site. Follow the steps in the Google Tag Manager Setup Guide before proceeding with this tutorial.
   

Part 2: Download the JSON File

1. You will need the pre-configured Cookie Control container file for Google Tag Manager. Download the file here: 
   
   

Part 3: Set up Cookie Control

1. To get an API key and manage user consent settings, purchase a plan on the official website:
   
   https://cookiecontrol.com/pricing
   

Part 4: Import the Template

1. In Google Tag Manager (GTM), go to Admin > Import Container.
   

2. Select the JSON file downloaded in Part 2.

3. Choose the Existing workspace, then select Default Workspace.

4. Select the Merge radio button, then choose Overwrite.
   

Part 5: Configure API Key

1. Navigate to the Tags tab in GTM.
   

2. Search for and click on the Cookie Control Template tag.

3. Paste the API Key from the Zoho task Cookiecontrol into the designated field.

4. Click Submit and publish the changes. Note: It may take up to five minutes for the banner to appear on the front end of the website.
   

Part 6: Setting Up Trigger Groups

Once the banner is live, you must update existing tracking tags to only fire when the user has provided consent. You will do this by creating Trigger Groups.

1. Paid Advertising Tags For tags including Bing, Facebook, Google Ads, TikTok, OTT, LinkedIn, or Spotify, combine the existing trigger with the marketing_accept custom event:

• Open the tag and remove the existing trigger.

• Click to add a new trigger and select Trigger Group.

• Add the original trigger (e.g., All Pages or Form Submission).

• Add the marketing_accept custom event trigger.

• Save the tag.

2. Analytics and Utility Tags For Google Analytics 4 (GA4), the Click to Call (C2C) script, and the Conversion Linker, combine the existing trigger with the analytics_accept custom event:

• Open the tag and remove the existing trigger.

• Click to add a new trigger and select Trigger Group.

• Add the original trigger.

• Add the analytics_accept custom event trigger.

• Save the tag.
  

Testing and Troubleshooting

1. Click Preview in GTM to enter Tag Assistant mode.
   

2. Navigate to the website.

Pro Tip to Re-prompt the Banner:

1. Open the Inspect Tool (F12) and go to the Application tab.

2. Select Storage and click Clear site data (ensure "including third-party cookies" is checked).

3. Right-click the refresh button and select Empty Cache and Hard Reload.

4. Test the functionality by clicking "Accept" or "Do Not Accept" and verify in Tag Assistant that the appropriate Trigger Groups are firing or remaining suppressed.