Features
Utilize advanced features and integrate CookiePal with other tools.
GTM Setup Guide
Step-by-step guide on setting up and using Google Tag Manager for cookie consent.
Table of contents
back
to the top
This document provides a comprehensive guide for deploying the CookiePal consent management platform using Google Tag Manager ( GTM ). It covers all the steps around setting up and customising your CookiePal banner with a GTM account. It additionally links to documentation on Google Consent Mode (GCM) and how it can be implemented with CookiePal.
Step 1: Sign up/create a CookiePal account
If you do not yet have a CookiePal account or have not yet configured your banner, follow the steps below.
1. Sign up for CookiePal.

2. After confirming your email, you will be directed to the setup screen. Choose your setup option.

• We can do it for you!: Select this option to let our team handle the setup for a small fee.
![• [We can do it for you!:bold]: Select this option to let our team handle the setup for a small fee.](/_next/static/media/we-can-do-it-for-you.e1c36463.webp)
• Fast Setup: Quickly configure your banner by selecting its position and colors. You can still customise other details later in customisations.
![• [Fast Setup:bold]: Quickly configure your banner by selecting its position and colors. You can still customise other details later in [customisations:https://app.cookiepal.io/customisation].](/_next/static/media/customise-banner-colors-and-positions.5ac76d26.webp)
• Advanced Setup: Customise every detail of your banner. In addition to position and colors, you can edit the content and default language, and adjust the logo's colors and position.
![• [Advanced Setup:bold]: Customise every detail of your banner. In addition to position and colors, you can edit the content and default language, and adjust the logo's colors and position.](/_next/static/media/customise-banner-content.49d06789.webp)

4. Choose your preferred installation method and complete the setup.

7. Go to settings.

8. Copy your website Id.

9. Enable GCM support.

Step 2: Sign up for Google Tag Manager
If you don’t have a Google Tag Manager account, sign up for one by visiting Google Tag Manager and following the account creation process.
The Container is where you’ll manage and deploy your website’s tags, triggers, and variables. Follow the steps below to create and install a new container.
1. In Tag Manager, click the Accounts tab > Create Account.
2. Enter an Account Name and select the Country for the account.
3. Enter the Container name and select the container type.
4. To create your container, click Create and agree to the Terms of Service.

Step 3: Install the Container.
Upon container creation, a modal containing two code snippets to install on your website will appear.

Step 4: Adding CookiePal CMP Template.
The CookiePal Google Consent Mode functionality handles injecting the required CookiePal script within Google Tag Manager automatically. Manually adding the CookiePal script to the head tag of your website can cause tag conflicts with the built-in consent workflow in GTM.
To add the CookiePal template to your workspace, follow the steps below.
1. In your Workspace, go to Tags.

2. Click on "New".

3. Click on the edit icon.

4. After that click on "Discover more tag types in the Community Template Gallery".

5. Click on search icon.

6. Enter "CookiePal" and select.

7. Click on "Add to workspace"

8. Click on "Add" to confirm

9. Enter your website ID that you copied in the CookiePal settings.

10. After that, click on the triggering field > then on the "Consent Initialization - All Pages" option.

11. Click the publish button at the top right.

Your banner has been configured successfully.
Step 5: Verify Integration.
To confirm the integration of CookiePal and validate the correct implementation of Google Consent Mode on your website, access our help guide.
1. Finally, verify your banner on CookiePal.

Step 6: Additional instructions
Defining the Default Consent State of Google Consent Mode.
CookiePal CMP maps all seven Google consent types into 4 categories.
Advanced Consent Mode.
In accordance with Google's documentation, we allow an user to select between basic and advanced consent mode. Click here to understand the difference.
When enabling Google Consent Mode, basic consent mode is enabled by default.
To enable Advanced Consent Mode.
1. Go to CookiePal settings.

2. Select the "Allow Google tags to fire before consent" option.

Settings and Google Privacy Policy
All settings related to Google Consent Mode can be viewed and adjusted in the CookiePal settings. These settings allow you to customise how Google's scripts interact with user consent on your website.
Additionally, Google's privacy policy is enabled by default when you activate Google Consent Mode. This policy governs how user data is collected and used by Google. For more details on Google's privacy policy and its implications, you can review Google's official documentation or check the CookiePal settings.

Troubleshooting and Support.
If you encounter any issues during the integration of CookiePal with Google Tag Manager, please contact our support team at support@cookiepal.io or use the chat bubble available on the CookiePal dashboard. Our support team is ready to assist you and address any problems before seeking assistance from Google Support.
Any Questions Left?
Feel free to contact us and we will answer all of yours remaining questions!
Contact Us