GDPR.js

GDPR.js is a lightweight JavaScript library for handling those pesky GDPR rules. It is written in pure-JavaScript with no dependencies.

We understand that many US companies are scared S*#$!@-less of GDPR and so we figured we would make it simple for you. Just download the JavaScript, put together some CSS and BOOM, you are all set.

Our inspiration came from some of our favorite Colorado craft brewery websites. You know those websites that you aren't allowed to visit unless you are 21. Here's one of our favorites:

https://www.averybrewing.com

These guys make it simple. Just ask a simple question and then let them enter. We figured, why not do the same for GDPR. And so we did.

Enjoy!

Example

If you want to see a live example of the GDPR.js library in action, check it out here:

https://gdpr.inversoft.com

Download and Installation

Follow these steps to get started:

Download the library from https://raw.githubusercontent.com/fusionauth/gdpr.js/master/gdpr.js
Install it into your project
Download our example CSS from https://raw.githubusercontent.com/fusionauth/gdpr.js/master/gdpr.css
Install it into your project and tweak it however you want

Next, you'll need to add some HTML that defines your popup. Here's an example:

<div class="gdpr-modal" id="gdpr-popup">
  <p>
    Are you an EU citizen or currently inside the EU?
  </p>
  <a href="#" class="yes-button">Yes</a>
  <a href="#" class="no-button">No</a>
</div>

Finally, hook up the HTML element to our handy-dandy GDPR JavaScript object like this (this code is in pure-JavaScript so you'll need to translate if you are using a library such as JQuery):

document.addEventListener('DOMContentLoaded', function() {
  var element = document.getElementById('gdpr-popup');
  new GDPR(element, 'eu.html');
}, false);

The first parameter to the constructor is the popup element and the second is the URL (or a fragment) that the user should be taken to if they are an EU citizen or in the EU currently.

That's it!

More GDPR Info

If you are looking for more resources on GDPR, check out our blog post that lists a bunch:

https://www.inversoft.com/blog/2018/05/15/list-of-gdpr-resources/

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub.

About

This library was written by Brian Pontarelli and the FusionAuth team. FusionAuth is a GDPR compliant Customer Identity and Access Management platform (CIAM). If you are looking for a company that can help you with GDPR or provides awesome software, check us out.

FusionAuth/gdpr.js