Weebly installation

This article is deprecated - please install the Cookiebot App for Weebly when you want to use Cookiebot on your Weebly-site.

If you are a Weebly App Developer, please visit our guide, Integration of Cookiebot in a Weebly App

Cookiebot can be used on Weebly websites as described below.

Please note: Due to the current technical limitations of Weebly, it may not be possible to implement Cookiebot to be fully compliant with the requirements of the ePrivacy Directive and the GDPR regarding prior consent (see below about prior consent).

1. Implementing the Cookiebot consent dialog (cookie consent banner) in Weebly:

1. In the Admin Panel, select Settings then click on SEO at the left-hand side menu.

2. In the Header Code 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 complete, click the Save and Publish buttons.

2. Implementing prior consent in Weebly:

To enable prior consent (block cookies until user has consented), apply the attribute "data-cookieconsent" to all script tags setting cookies. 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: 

1. In the Admin menu, select Settings. Then in the menu on the left-hand side, select SEO.

2. In the Header Code field, make the appropriate changes to the Google Analytics 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> 

3. When complete, click the Save and Publish buttons.

Prior consent on iframe videos: 

1. Select the page where you would like to add the video iframe.

2. Then in the Admin Panel select Build from the top menu, choose the Embed Code and drag it to where you want to place it.

3. Click on the Embed Code and Edit Custom HTML, then paste the iframe code 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-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>

4. When the HTML iframe is added, click Publish.

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

Please note that if you are making use of apps from the Wix App Center - and if these are setting cookies and trackers - then you may not be able to fully implement prior consent on your Weebly website. In that case, please reach out to the developer of the app(s) you are using and enquire about how they can help you become GDPR and ePR compliant.  

3. Implementing the Cookie Declaration in Weebly:

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. Select the page where you would like to add the Cookie Declaration.

2. In the Admin Panel select Build from the top menu, choose the Embed Code and drag it to where you want the Cookie Declaration to appear on the page.

3. Click on the Embed Code and Edit Custom HTML, then paste the script tag into the field.

<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.

4. When the script tag is added, click Publish.

Last updated: 22 June 2018