Welcome to Cookie Consent

Use the free Cookie Consent to comply with GDPR and ePrivacy Directive.

On this page:

  1. Build your Cookie Consent
  2. How to implement Cookie Consent
  3. How to tag your JavaScript scripts
  4. Available consent levels in Cookie Consent
  5. Cookie Consent screenshots
  6. Cookie Consent FAQs
Cookie Consent Solution
Step 1 Choose your compliance preference

Enter a name for the script (ie. Google Analytics), select the cookie consent level (ie. Tracking) and copy-paste the script code.

Step 4 Copy your Cookie Consent code

You're done. Copy your Cookie Consent code below.

Preview Consent Bar

How to tag your JavaScript scripts

Tag any JavaScript <script> that you're using by changing type="text/javascript" to type="text/plain".

Then add the corresponding consent level for each tagged <script>. For example: cookie-consent="functionality".

That's it.

Here's an example from Google Analytics and a Login Session script that's loaded with some necessary cookies:


<!-- Login Cookies -->
<script type="text/plain" cookie-consent="strictly-necessary" src="/js/login-session.js"></script>

<!-- Google Analytics -->
<script type="text/plain" cookie-consent="tracking">
(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', GOOGLE_PROPERTY_ID_GOES_HERE, 'auto');
ga('send', 'pageview');
</script>

The following levels are available in our free Cookie Consent solution. Tag your JavaScript using any of the following levels.


Strictly necessary

For example, account login related cookies. Strictly necessary cookies are loaded automatically and cannot be disabled by the user.

<script type="text/plain" cookie-consent="strictly-necessary"></script>

Functionality

For example, remember users language preferences or remembering various choices.

<script type="text/plain" cookie-consent="functionality"></script>

Tracking and Performance

For example, analytics such as Google Analytics.

<script type="text/plain" cookie-consent="tracking"></script>

Targeting and Advertising

For example, Google AdSense/AdWords remarketing.

<script type="text/plain" cookie-consent="targeting"></script>

Our free Cookie Consent can help you comply with GDPR and ePrivacy Directive. This guide will help you go through the 5 easy steps to implement our free Cookie Consent notice banner.


Step 1 on how to implement the Cookie Consent
Step 1
Choose your compliance preferences

Start building your Cookie Consent today. Choose the preferred compliance type: ePrivacy Directive or GDPR+ePrivacy Directive.

Step 2 on how to implement the Cookie Consent
Step 2
Customize your Cookie Consent

Customize your Cookie Consent with your website name, the preferred color palette and the default language.

Step 13 on how to implement the Cookie Consent
Step 3
Add your JavaScript scripts

Copy-paste your JavaScript scripts on our Cookie Consent builder. Or you can tag your JavaScripts according to our instructions.

Step 4 on how to implement the Cookie Consent
Step 4
Copy the generated Cookie Consent code

You're done. The Cookie Consent banner notice code has been generated. Copy it.

Step 5 on how to implement the Cookie Consent
Step 5
Add your Cookie Consent code on your website

Copy the generated Cookie Consent on your website webpages in the body section.


Example of Cookie Consent with ePrivacy Directive consent preference

Example of Cookie Consent with ePrivacy Directive consent preference

Example of Cookie Consent with GDPR consent preference

Example of Cookie Consent with GDPR consent preference

Example of Cookie Consent notice banner in a different color palette

Example of Cookie Consent notice banner in a different color palette

Example of Cookie Consent notice banner in a different language

Example of Cookie Consent notice banner in a different language

Example of Cookie Consent notice banner in a different style for the banner

Example of Cookie Consent notice banner in a different style for the banner


What is Cookie Consent?

Cookie Consent (cookieconsent.com) is a free cookies management solution that you can integrate on your website that helps you comply with the EU Cookies Directive and GDPR.

Start building your Cookie Consent today.

Do I need Cookie Consent?

The general rule is this: if you use cookies on your website, you need Cookie Consent. For example, if you use Google Analytics, you need Cookie Consent. If you have use JavaScript code on your website that may store or retrieve cookies, you may need Cookie Consent.

Is Cookie Consent free?

Yes, Cookie Consent is 100% free.

How can I create a Cookie Consent banner notice?

Your Cookie Consent banner notice can be created by going through the builder steps above. At Step 1, choose your consent preference type. At Step 2, customize the banner notice by adding your website name and choosing a preferred language for the Cookie Consent.

How can I implement Cookie Consent?

Once you have generated your Cookie Consent banner notice, begin to organize all your JavaScripts by tagging them correctly using the available consent levels: strictly-necessary, functionality, tracking, targeting.

How can I edit the text from the Cookie Consent notice banner?

In the current version (3.1.0) the notice banner cannot be modified as we support multiple translations. Modifying the text in English means you'll have to modify the text in 15+ languages. We're working on a new version of the Cookie Consent that would allow you to modify the text. Stay tuned!

Why do I see weird characters in the Cookie Consent notice banner when using different languages?

You may see weird characters in the Cookie Consent notice banner if your HTML page does not have the meta charset tag added.

You can fix this by adding the charset="UTF-8" parameter:

  1. In the head section of your webpages add: <meta charset="utf-8" />
  2. Add the generated Cookie Consent code in the body section of your webpages
  3. Modify the first line of the generated code to add a new charset="UTF-8" parameter: <script type="text/javascript" charset="UTF-8" src="//.....

You should also make sure that your code/text editor saves your webpages in UTF-8 and your web server (Apache, nginx) sets the correct encoding.