Cookie Consent is a lightweight, gdpr compliant cookie consent plugin written in plain javascript. An “all in one” solution that also allows you to write your own cookie policy inside without the need for a dedicated page.
cookie consent javascript library, cross domain cookie consent, cookie consent popup javascript, symfony cookie consent, cookie consent code html, cookie consent static website
Key features
- Lightweight
- Cross-browser support (IE8+)
- Standalone (no external dependecies needed)
- GDPR compliant
- Support for multi language
- WAI-ARIA compliant
- Allows you to define different cookie categories with opt in/out toggle
- Allows you to define custom cookie tables if you want to clarify the cookies you use
How to make use of it:
1. Insert the JavaScript file cookieconsent.js
into the HTML doc.
<script src="./dist/cookieconsent.js"></script>
2. Initialize the library and show the cookie consent popup on the web page load.
CookieConsent.run({ "cc_autorun" : true, "cc_website_name" : "Web Code Flow", "cc_website_url" : "webcodeflow.com", "cc_theme_css" : "./src/cookieconsent.css" // path to theme CSS });
3. Customize the cookie consent popup with the next options.
CookieConsent.run({ // parent contianer cc_container : "body", // auto language detection cc_auto_language: false, // or set language here cc_current_lang : "en", cc_default_lang : "en", // auto display on page load cc_autorun: false, // delay in ms cc_delay: 20, // website name cc_website_name : null, // website URL cc_website_url: null, // enable console log cc_enable_verbose: true, // 30 days cc_cookie_expires : 30, // cookie name cc_cookie_name: "cc_cookie", // theme css cc_theme_css: "/public/assets/css/cookieconsent.css" });
4. API strategies.
// show the cookie consent popup CookieConsent.show(delay); // hide the cookie consent popup CookieConsent.hide(); // clear cookies CookieConsent.clearCookies();
All available options
Below is a table that sums up all of the available options (must be passed to the .run() method).
Option | Type | Default | Description |
---|---|---|---|
autorun | boolean | true | If enabled, show the cookie consent as soon as possible (otherwise you need to manually call the .show() method) |
delay | number | 0 | Number of milliseconds before showing the consent-modal |
cookie_expiration | number | 182 | Number of days before the cookie expires (182 days = 6 months) |
cookie_path | string | “/” | The path where the cookie will be set |
cookie_domain | string | location.hostname | Specify your domain (which will be grabbed by default) or a subdomain |
cookie_same_site | string | “Lax” | SameSite attribute |
theme_css | string | – | Specify the path to the .css file |
force_consent | boolean | false | Enable if you want to block page navigation until user action (check faq for a proper implementation) |
current_lang | string | – | Specify one of the languages you have defined (can also be dynamic): 'en' , 'de' … |
auto_language | boolean | false | Automatically grab the language based on the user’s browser language, if language is not defined => use specified current_lang |
autoclear_cookies | boolean | false | Enable if you want to automatically delete cookies when the user opts out of a specific category inside cookie settings |
page_scripts | boolean | false | Enable if you want to easily manage existing <script> tags. Check manage third-party scripts |
remove_cookie_tables | boolean | false | Enable if you want to remove the HTML cookie tables (and still want to make use of autoclear_cookies ) |
gui_options | object | – | Customization option which allows choosing layout, position, and transition. Check layout options & customization |
onAccept | function | – | Method runs once either when:1. The moment the cookie consent is accepted 2. After each page load (if cookie consent has already been accepted) |
onChange | function | – | Method run whenever preferences are modified (and only if cookie consent has already been accepted) |
languages | object | – | Check below for configuration |
Stylish Multilingual Cookie Consent Popup, cookieconsent2, gdpr cookie consent
See Demo And Download
Official Website(orestbida): Click Here
This superior jQuery/javascript plugin is developed by orestbida. For extra Advanced usage, please go to the official website.
Be First to Comment