Simplistic GDPR Cookie Consent Banner in vanilla javascript | Cookify

The Cookify Project is a simple GDPR cookie approval banner with the Bootstrap library. Bootstrap Javascript libraries are not necessary for this project. You have no restrictions on customizing this cookie. Cookies also contain great-looking button images.

Cookify is a data protection GDPR cookie consent pop-up library that is highly customizable to bring your website or app into compliance with GDPR and EU cookie law. The GDPR cookie consent pop-up window allows visitors to manage (enable and disable) the cookies allowed for their use, and toggle on / off scripts accordingly.

 

How to make use of it:

1. The library requires Bootstrap’s stylesheet loaded within the doc.

<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />

2. Load the stylesheet ‘cookify.css’ within the doc.

<link rel="stylesheet" href="cookify.css" />

3. Import the Cookify as an ES module.

import {Cookify} from './cookify.js'

4. Initialize the Cookify library and add your individual info to the GDPR cookie consent popup.

window.top.cookify = new Cookify({
  'init': {
    'view': {
      'info': {
        'header': 'We use Cookies',
        'text': 'This website uses cookies to ensure you get the best experience on our website.',
      },
      'manage': {
        'header': 'Cookies Management',
        'text': 'To learn more about our use of cookies see our <a href="#" target="_blank">Privacy Policy</a>.',
      },
      'button': {
        'svg': 'cookie', // or 'fingerprint'
      },
    },
    'cookies': {
      'necessary': {
        'name': 'Necessary',
        'desc': 'Are necessary to run the website',
      },
      'analytics': {
        'name': 'Analytics',
        'desc': 'To analyse the website traffic',
      },
      // more cookies here
    },
  },
  'run': true // run on page load
});

5. You also can move the configs as follows:

cookify.initName(' ... ');
cookify.initExpire( ... );
cookify.initSupport( ... );
cookify.initViewInfo({ ... }); 
cookify.initViewManage({ ... }); 
cookify.initViewButton({ ... }); 
cookify.initCookies({ ... });

6. Toggle on/off scripts primarily based on user choice.

<script src="app.js" gdpr="Necessary"><script>
<script src="analytics.js" gdpr="Analytics"><script>

Customizable GDPR Cookie Consent Popup, jquery gdpr cookie consent, cookie popup jquery, cookie consent popup javascript, bootstrap cookie consent, jquery cookie consent


See Demo And Download

Official Website(Jersyfi): Click Here

This superior jQuery/javascript plugin is developed by Jersyfi. For extra Advanced Usage, please go to the official website.

Share