How to implement Cookie Consent.
Just 5 easy steps to implement our free Cookie Consent notice banner.
I
Choose your compliance type
Choose the preferred compliance type: ePrivacy Directive or GDPR+ePrivacy Directive.
II
Customize your Cookie Consent
Customize your Cookie Consent with your website name, the preferred color palette and the default language.
III
Add your JavaScript scripts
Copy-paste your JavaScript scripts on our Cookie Consent builder. Or you can tag your JavaScripts according to our instructions.
IV
Copy your Cookie Consent code
The Cookie Consent banner notice code has been generated. Copy it.
V
Add your Cookie Consent code on your website
Copy the generated Cookie Consent on your website in the <body> section.
Cookie Consent screenshots.
Here's how the Cookie Consent notice banner looks.
Example of Cookie Consent with ePrivacy Directive 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 language.
Example of Cookie Consent notice banner in a different style for the banner.
How to tag your JavaScript scripts.
Instructions
-
Tag any JavaScript
<script>that you're using by changingtype="text/javascript"totype="text/plain". -
Add the corresponding consent level for each tagged
<script>. For example:data-cookie-consent="functionality".
Example
<!-- Login Cookies -->
<script type="text/plain" data-cookie-consent="strictly-necessary" src="/js/login-session.js"></script>
<!-- Google Analytics -->
<script type="text/plain" data-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>
Cookie Consent levels and categories.
The following levels are available in our free Cookie Consent solution.
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" data-cookie-consent="strictly-necessary"></script>
Functionality
For example, remember users language preferences or remembering various choices.
<script type="text/plain" data-cookie-consent="functionality"></script>
Tracking and Performance
For example, analytics such as Google Analytics.
<script type="text/plain" data-cookie-consent="tracking"></script>
Targeting and Advertising
For example, Google AdSense/AdWords remarketing.
<script type="text/plain" data-cookie-consent="targeting"></script>
Cookie Consent video tutorials.
Learn how to integrate and use the Cookie Consent tool through our video tutorials.
How to add a Free Cookie Consent Notice banner using our Free Cookie Consent tool.
How to integrate Google Analytics with the Free Cookie Consent Notice Banner tool to get consent before loading the Google Analytics code.
How to block scripts before user content with Free Cookie Consent.
How to add a button to allow visitors to open the Cookie Preferences when using the Free Cookie Consent notice banner.