Wix installation

Cookiebot can be used with the content management platform Wix (www.wix.com) as described below.

Wix recommends that you use Google Tag Manager (GTM) to install Cookiebot in two steps:

1. Install GTM in Wix
2. Install Cookiebot in GTM

DEPRECATED!

The guide below is deprecated as Wix recommends that you use Google Tag Manager (GTM) to install Cookiebot as described above.

1. Implementing the Cookiebot consent dialog (cookie consent banner) with Wix:

1. In the Admin Panel select Manage Website from the menu panel on the left, then choose Tracking & Analytics, click the + New Tool button which is placed at the top right corner of the Tracking & Analytics section and select Custom from the dropdown:

2. In the code snippet field paste the Cookiebot consent dialog script:

<script 
  id="Cookiebot"
  src="https://consent.cookiebot.com/uc.js"
  data-cbid="00000000-0000-0000-0000-000000000000"
  type="text/javascript"
  async
></script>

Replace the zeroes with the CBID number from the domain group where the domain is added. It is available from the 'Your scripts' tab on your Cookiebot account.

3. When the script is added, it can be selected which pages to add your code to and if the code should be loaded once or loaded on each new page.

4. Select where the script should be added, e.g. Head section of the website.

5. Click Apply, then Save and Publish the website.

2. Implementing prior consent in Wix:

To enable prior consent (block cookies until user has consented), the attribute "data-cookieconsent" must be applied to the script (see example below). Set the comma-separated value to one or more of the cookie categories "preferences", "statistics" and "marketing" in accordance with the types of cookies being set by each script. Finally change the attribute "type" from "text/javascript" to "text/plain".

Prior consent on Google Analytics:

In Wix, Google Analytics can be added just by using Tracking ID (without using the Google Analytics script). In this way, however, it is not possible to change the script attribute "type" from "text/javascript" to "text/plain" and to add the attribute "data-cookieconsent" regarding the cookie categories.

Therefore, to properly implement prior consent, the Google Analytics script should be added using “Custom Tool” instead of “Google Analytics”.

In the Admin Panel select Manage Website from the menu panel on the left, then choose Tracking & Analytics and select Custom.
Add the script into the text field and choose on which pages to load it and where to place it.

When using Google Analytics, make the following change to the code:

<script>  
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-00000000-0', 'auto');
ga('send', 'pageview');
</script>

Becomes (highlighted in bold):

<script type="text/plain" data-cookieconsent="statistics">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-00000000-0', 'auto');
ga('send', 'pageview');
</script>

Prior consent on iframe videos:

In the Admin Panel select Edit Site from the bottom left corner, choose Add and click More, then from the Embeds section select HTML iframe.
When the HTML iframe is added, click Enter Code and add the script into the field. To implement prior consent, change the original iframe tag e.g.

<iframe
  src="https://www.youtube.com/embed/xxxxxxxxxxx"
  frameborder="0"
  allowfullscreen
></iframe>

to the following (rename src to data-cookieblock-src and apply the data-cookieconsent attribute to the tag):

<iframe
  data-src="https://www.youtube.com/embed/xxxxxxxxxxx"
  data-cookieconsent="marketing"
  frameborder="0"
  allowfullscreen
></iframe>

For more information please also see Iframe cookie consent with YouTube example.

3. Implementing the Cookie Declaration in Wix:

To show the Cookie Declaration on your website (on a new page or e.g. as part of your existing privacy policy), do the following:

1. In the Admin Panel, select Edit Site. Then choose Menu & Pages from the menu.
2. Click on Add Page or choose an existing one (where you would like to implement the Cookie Declaration). If you create a new page, then click Save and Publish.
3. From the top menu click Settings and select Tracking & Analytics from the dropdown.
4. Select Custom tool
5. Into Custom Code paste the Cookiebot Cookie Declaration script and choose on which page you want to display it.

<script 
  id="CookieDeclaration"
  src="https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js"
  type="text/javascript"
  async
></script>

Replace the zeroes with the cbid number from the domain group where the domain is added. It is available from the 'Your scripts' tab on your Cookiebot account.

6. When complete, click Apply, then Save and Publish.