Help | How to install Cookiebot

Cookiebot is a software as service and you only need to complete these 3 steps to enable the consent banner on your website:

Step 1

Sign up to create an account. In the Cookiebot manager enter the text you want to show to your website visitors or use the default text applied. Add domain names for the websites where you want to use Cookiebot.

Step 2

Copy the consent dialog script code from the manager to the header of your website template(s):

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

Step 3

To enable prior consent, apply the attribute "data-cookieconsent" to cookie-setting script tags on your website. 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". Example on modifying an existing Google Analytics Universal script tag:

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

If your website is loading scripts dynamically, use the functions of the Cookiebot API for full control.

Complete this step to show the Cookie Declaration in full on a subpage and provide the (GDPR) required option for users to change or withdraw their consent:

To show the cookie declaration on your website (in a new page or e.g. as part of your privacy policy), copy the cookie declaration script code from the Cookiebot manager into your subpage HTML at the position where you want the declaration to show:

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

Additional resources

Using Google Tag Manager? Visit our guide on GTM deployment.
Are you a developer? Visit our developer guide

Still have a question?

Visit our helpdesk