Guide to Integrating Consentik’s Consent Banner

February 26, 2025

The Consent Banner is a crucial tool to help your website comply with privacy and data protection regulations, such as GDPR and CCPA, by collecting and managing user consent for the use of cookies and other tracking technologies.

Follow the steps below to integrate the Consent Banner by Consentik correctly:

Step 1: Access the Consentik Admin Page

Open your browser and go to: https://pkg.consentik.com/admin.

This is the Consentik admin dashboard where you will begin the configuration and integration process for the Consent Banner.

Step 2: Log In or Register an Account

If you already have an account, enter your login credentials (email and password) to access the dashboard.
If you do not have an account, click on the “Register” option and follow the instructions to create a new account. After registering, log in to proceed.

Step 3: Add a Domain

Once logged in, navigate to the dashboard and click on the “Add domain” option.
Enter a name for the domain (e.g., “My Website”) and input the domain address where you want to integrate the Consent Banner (e.g., example.com).
Click “Save” to add the domain to the system.

Step 4: Enable the Consent Banner and Insert the Script Tag

Go to the “Homepage” section in the dashboard.

Locate the “Consent Banner” option and enable it by clicking the corresponding button or toggle.

The system will generate a script tag. Copy this code.

Open your website’s source code and paste the script tag into the section of all pages where the Consent Banner should appear.

Example:

<script data-instance="xxxxxx-xxxx-xxxx-xxxx-xxxx" data-site="xxxxxxxxxxx" src="https://pkg.consentik.com/extensions/consentik.js"></script>

Save and deploy the updated code to your website.

Step 5: Configure Google Consent Mode V2

In the dashboard, navigate to the “Google Consent Mode V2” page.
Select the appropriate consent types for your website, such as:
- analytics_storage
- ad_user_data
- ad_personalization
- ad_storage
After making your selections, click “Save” to store the configuration.

Step 6: Configure IAB TCF v2.2

Access the “IAB TCF v2.2” page in the dashboard.
Choose the “Vendor list” for IAB TCF v2.2 (the list of vendors to integrate).
Select “Google Ads Tech Provider” to link with Google’s advertising services.
Customize the banner’s colors and content:
- Adjust the background color, text color, or other UI elements.
- Edit the text content to align with your website and legal requirements.
Click “Save” to apply the configurations.

Step 7: (Optional) Adjust Additional Settings

Go to the “Settings” page if you wish to further customize the banner.
Some optional settings include:
- Reopen Button: Add a button allowing users to reopen the Consent Banner.
- Geolocation: Configure the banner to display based on the user’s geographic location (e.g., only for users in the EU).
Make the necessary adjustments and click “Save” to apply the changes.

Step 8: Test the Consent Banner

Use the Google Tag Assistant tool at https://tagassistant.google.com/.
Install the extension or use the online tool, then open your website.
Verify:
- The Consent Banner displays correctly.
- The configured consent types are functioning as expected.
If any issues are detected, revisit the previous steps to check and correct the configurations.

Important Notes

Ensure the script tag is correctly placed in the <head> section of all relevant pages.
Double-check the configurations for Google Consent Mode and IAB TCF to ensure compliance with legal regulations.
For additional support, refer to Consentik’s documentation or contact their support team.

By following these steps carefully, you will successfully integrate the Consent Banner into your website, effectively managing user consent and ensuring compliance with privacy regulations.