Simple Cookie Choices

Javascript only. Just 3.3kb gzipped.

This plugin helps you to create a banner or dialog box for accepting or denying the terms based on the GDPR rules.

Demo

Consent Bar

Consent Dialog

Setup

Include the script into your site

<script src="simple-cookie-choices.min.js"></script>

Usage

To use a Consent Bar

SimpleCookieChoices.showCookieConsentBar('This site uses cookies to offer you a better browsing expirience.', 'Find out more on how we use cookies and how you can change your settings', '/cookie-policy.html', 'I accept cookies', 'I refuse cookies');

To use a Dialog Bar

SimpleCookieChoices.showCookieConsentDialog('This site uses cookies to offer you a better browsing expirience.', 'Find out more on how we use cookies and how you can change your settings', '/cookie-policy.html', 'I accept cookies', 'I refuse cookies');

Parameters

Necessary parameters for the initialization of the plugin:

cookieText Brief descriptive text about your privacy policy

linkText(optional) Short text with link. It can be linked to your privacy page.

linkHref(optional) Link to your linkText

acceptBtnTitle Title from your accept button

rejectBtnTitle Title from your reject button

Functions

SimpleCookieChoices.consentAccepted() Returns a boolean value if consensus was accepted

SimpleCookieChoices.setAccept() Action to accept the terms

SimpleCookieChoices.setReject() Action to reject the terms

SimpleCookieChoices.eraseCookies() Clear the plugin cookies

SimpleCookieChoices.showCookieConsentBar() To init a Consent Bar (params required)

SimpleCookieChoices.showCookieConsentDialog() To init a Dialog Bar (params required)

Events

cookiechoicestatechanged You can see if the user has changed option

window.addEventListener('cookiechoicestatechanged', function (e) {
  console.log('Choice state changed', e.detail.state);
});

License

MIT

[top]