Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@nerdsofalltrad.es/gdpr-cookie-monster

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@nerdsofalltrad.es/gdpr-cookie-monster

A minimal EU-GDPR compliant cookie consent banner for websites and shops (5.6K gzipped)

  • 0.1.2
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
decreased by-100%
Maintainers
1
Weekly downloads
 
Created
Source

Build Status Greenkeeper badge

A minimal EU-GDPR compliant cookie consent banner for websites and shops (5.6K gzipped).

This is Open-Source Software under MIT license. Use it, change it, copy it, break it. But don't sell it as your's.

Try it

$ npm i
$ npm start

Use it straight away in your Shop/ Website

Add the following script tag to your website, right before the closing </body> tag:

<script language="javascript" src="dist/gdpr-cookie-monster.min.js"></script>

Reload the page and a banner should appear at the bottom.

Reopening banner

The banner asks for permission to store cookies once per session for cookie deniers and once a month for cookie approvers.

To allow the user to change his mind (must have with GDPR-compliance) you must add a link in at least the footer of your page (every page):

<a href="#" id="noat-cookie-consent__setup">Cookie Settings</a>

This is the re-open link 🤙 I am the magic link (does not work on GitHub).

Customization

Custom texts

Add the following code right before the gdpr-cookie-monster script tag:

<script>
window.noat = {
  cookieConsent: {
    text: 'Use your text why you are using Cookies here',
    privacyPolicyText: 'The title of the cookie policy link',
    privacyPolicyUrl: 'The URL to the cookie policy',
    deny: 'The deny button title',
    allow: 'The allow button title'
  }
}
</script>

Custom styles

Add the following code right before the gdpr-cookie-monster script tag:

<script>
window.noat = {
  cookieConsent: {
    useCustomCSS: true
  }
}
</script>

If you are a CSS guru now you can style everythi:ng on your own:

  • .noat-cookie__consent
  • .noat-cookie-consent__banner
  • .noat-cookie-consent-banner__text
  • .noat-cookie-consent-banner__other-actions
  • .noat-cookie-consent-banner-other-actions__privacy-policy
  • .noat-cookie-consent-banner-other-actions__deny
  • .noat-cookie-consent-banner__allow

WE ARE NO LAWYERS. SINCE THIS IS OPEN-SOURCE SOFTWARE, CUSTOMIZABLE AND IMPOSSIBLE TO TRACK HOW IT IS USED WE CANNOT GIVE ANY WARRANTY OR PROMISE THAT THIS PIECE OF SOFTWARE IS FULLY GDPR COMPLIANT.

Please contribute if you find issues.

Keywords

FAQs

Package last updated on 11 May 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc