LGPD Compliance jQuery Plugin

This plugin intends to show a small pop-up notice to inform user that the website uses some cookies and let him access the Cookie Policy and Privacy Policy - to compliant with GDPR acts around the world.

*Note: LGPD stands for 'Lei Geral de Proteção de Dados', brazilian version of EU GDPR.

This plugin is distributed under GNU GPL v3.0 license, wich allows you to a commercial use, modificate, distribute, use in private and patented softwares but this not represent any type of liability or implies any warranty. Use this plug-in "as it is" - a license and copyright must be noticed. Full license can be found here

Dependencies

This plugin depends only jQuery (All versions) to run.

Usage

After include jQuery library, simple call the code below and the plugin will display a message box with an agree button - both in brazilian portuguese.

$(document).ready(function(){
  $('body').LGPDCompliance(); 
});

When user clicks on agree button, the plugin will store a cookie will in domain context with a year expiration date and will not be shown until there.

Customization

To customize the pop-up to your needs, send parameters through a JSON object in plugin initialization. Here are the accepted parameters, its formats and default values (all of them are optional):

$(document).ready(function(){
  $('body').LGPDCompliance({
    message: "The message itself",                         // The message that will be show.
    cookiePolicyURL: "https://my-cookie-usage-policy.com", // The Cookie Usage Policy URL.
    privacyPolicyURL: "https://my-privacy-policy.com",     // The Privacy Policy URL.
    cookiePolicyTarget: "_blank",                          // The target for cookie usage policy link - default is _blank
    privacyPolicyTarget: "_blank",                         // The target for privacy policy link - default is _blank
    cookiePolicyName: "cookies",                           // The display name for cookie - default is cookies (It also will be used to create the link)
    privacyPolicyName: "privacidade",                      // The display name for privacy - default is privacidade (It also will be used to create the link)
    expires: 365,                                          // Agreement cookie expiration time
    button: {
      text: "Entendi",                                     // The display text for agree button - default is Entendi
      background: "#777",                                  // Button background color 
      color: "#fff"                                        // Button text color
    },
    box: {
      background: "#fff",                                  // Box background color 
      color: "#777"                                        // Button text color
    }
  }); 
});

*On message, you can use /cookie and /privacy to replace with the respective link - it will be created using cookiePolicyName and privacyPolicyName, for example:

// Using
{
  message:          "To continue you must accept our /cookies and /privacy.",
  
  cookiePolicyName: "cookies policy",
  privacyPolicyName: "privacy policy",
  
  cookiePolicyURL: "/cookie-usage",
  privacyPolicyURL: "/privacy-policy"
}

Will output...

To continue you must accept our <a href="/cookie-usage" target="_blank">cookies policy</a> and <a href="/privacy-policy" target="_blank">privacy policy</a>.

...and will be rendered as:

To continue you must accept our cookies policy and privacy policy.

Issues

If you don't see any pop-up, first check in your cookies for LGPDComplianceAgreed with a true value - once accepted, the pop-up will not show again. Any other issues can be reported in issues area.

fabjordan/LGPD-Compliance