Press "Enter" to skip to content

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.

cookie consent popup javascript, cookie consent javascript, cookie popup javascript, bootstrap cookie consent, jquery cookie consent, cookie policy popup bootstrap

Javascript Library to Show the Cookies Consent Message Plugin

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, Cookify Plugin/Github, jquery gdpr cookie consent, cookie popup jquery


See Demo And Download

Official Website(Jersyfi): Click Here

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

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *