CMS Implementation Instructions

This page provides instructions on how to integrate Clickio Consent with popular Content Management Systems (CMS). If your preferred CMS is missing, please write to support@clickio.com. You can also implement Clickio Consent using Google Tag Manager.

CMS Plugins

WordPress

1. Download Clickio Consent WP Plugin

2. Go to WP admin > Plugins > Add New Plugin.

add1.png

3. Click to "Upload Plugin" button.

upload2.png

4. Choose downloaded file from Step 1 and click Install Now

5. Click Activate.

 

Squarespace

1. Log into your Clickio account. In the Consent > Implementation tab, find the "On-page Code".

image-1725629949205.png

2. Log into your Squarespace account.

3. Navigate to Website > Pages.

image-1725623274340.png

4. Click Website Tools.

image-1725623288540.png

5. Click Code Injection.

image-1725623304677.png

6. Copy On-page Code from step 1 to the Header section.

image-1725623321924.png

7. Click Save.

 

Webflow

1. Log into your Clickio account. In the Consent > Implementation tab, find the "On-page Code".

image-1725629949205.png


2. Log into your Webflow account.
3. Navigate to Site Settings > Custom code tab.
4. Add the On-Page Code from Step 1 to the Head code section.
5. Click Save changes.

 

Wix

1. Log into your Clickio account. In the Consent > Implementation tab, find the "On-page Code".

image-1725629949205.png

2. Login to your Wix account.
3. Navigate to Settings > Advanced > Custom Code.

image-1725623090976.png

4. Add a Custom Code with the following settings.

image-1725623159622.png

Paste On-page Code from Step 1 into the Code Snippet field
Name: Clickio Consent
All Pages: Load code Once
Place Code in: Head

5. Click Apply.

 

Joomla

1. Log into your Clickio account. In the Consent > Implementation tab, find the "On-page Code".

image-1725629949205.png

2. Login to your Joomla Dashboard.

3. Navigate to System > Site Templates.

image-1725638257331.png

3. Click to your current template name.

image-1725638232539.png

4. Select the index.php file.

image-1725638570040.png

5. Press Ctrl+F (Cmd+F) and search </head> tag. 

image-1725638701120.png

6. Paste On-page Code from Step 1 before the </head> tag.

7. Click Save & Close button.

 

Bubble.io

1. Log into your Bubble.io account, select your App.

b1.png

2. Navigate to Plugins section and click Add plugins button.

b2.png

3. Search "clickio" and Install the Clickio Consent plugin

b3.png

4. Choose installed plugin and configure the settings:

b4.png

- Clickio Site ID - Place your Site ID from Clickio platform.

- Wait for update (ms) - Default is 1500. This setting determines how long, in milliseconds, the Google tags should wait before attempting to update the user's consent state. This delay provides a buffer to ensure that any necessary consent changes are effectively captured, helping maintain alignment with user preferences.

- Redact ads data - When ad_storage is denied, ad click identifiers sent in network requests by Google Ads and Floodlight tags will be redacted. Set "1" to enable.

- Enable URL passthrough - Set "1" to enable pass through ad click, client ID, and session ID information in URLs.

- Enable Clickio CMP - Set "1" to automatically include Clickio CMP code on the page. Warning! Do not use this option if you have already installed the main code directly.

- Include TCF Stub - Installing the TCF stub can improve the reliability of your TCF implementation. Set "1" to enable. Additionally, if the "Allow Consent Mode to read TCF signals" setting is enabled, Google tags are able to read specific flags using TCF signals.

For more details, visit: https://docs.clickio.com/books/clickio-consent-cmp/chapter/technical-specification