Author: | ascorbic |
---|---|
Views Total: | 1,375 views |
Official Page: | Go to website |
Last Update: | May 29, 2018 |
License: | MIT |
Preview:

Description:
A great tool to make your website comply with the General Data Protection Regulation (GRPD).
Trackless is a small yet useful JavaScript plugin to make your Google Analytics GDPR compliant.
The plugin lets you create Trackless button and checkbox that allows your visitors to opt-in and opt-out of Google Analytics on your website.
More resources about GDPR:
- A GDPR Checklist for Those Who Are Tired of GDPR Checklists
- Ultimate GDPR Compliance jQuery Toolkit
- EU GDPR Information Portal
- GDPR Compliant Cookie Consent Popup Plugin – jQuery ihavecookies.js
- Best GDPR Plugins To Make Your WordPress GDPR Compliant
- GDPR Cookie Compliance Plugin
How to use it:
Install the Trackless with NPM or Yarn.
# Yarn $ yarn add trackless # NPM $ npm install trackless --save
Import the Trackless.
// ES 6 import Trackless from 'trackless';
Or include the compiled file in the head section of the webpage, before your Google Analytics code.
<script async src="https://unpkg.com/[email protected]"></script>
Create a new instance and specify the tracking ID.
const myTrackless = new Trackless({ trackingID: "TRACKING ID HERE" });
Bind the Trackless to any element with the class of ‘trackless’.
myTrackless.bindElements();
Create elements to opt-in and opt-out of Google Analytics.
<input class='trackless' type='button'> <a href='#' class='trackless'></a> <input class='trackless' type='checkbox'> <label>Tracking enabled</label>
Available configuration options.
const myTrackless = new Trackless({ // Prompt text optOutText: "Don't track me", optInText: "Enable tracking", // Initial opt-out value initialOptOut: false, // Override opt-out value. // If true, sets the stored preference to the initialOptOut value. // Use this if, for example, you have a logged-in user and want to sync the preference between devices. overrideOptOut: false, // Invert the behaviour of checkboxes. // By default, a checkbox is checked if the user is not opted-out. // Set this to true so that it is checked if the user is opted-out. invertCheckbox: false, // Called when opt-out value is changed. // Passed the new opt-out value. callback: function(value){} });