Follow for free plugins, new theme releases and theme news
Plugin Description
Klaro is a free & open-source tool that provides an intuitive, user-friendly and compliant way to manage consent on your website. Klaro is easy to use and configure, lightweight and compatible with all modern browsers.
Klaro is simple, unobtrusive and optimized for mobile as well as desktop browsers. It tries to stay out of the way while helping you to be fully transparent and compliant.
Klaro can manage both inline and external scripts as well as static tracking elements like images or stylesheet links.
Features include:
- 100% GDPR compliant
- Customisable cookie message using .po file (multi language support)
- Redirects users to modal for more cookie information and toggle individual scripts
- Custom link to Privacy Policy page
- Option to refuse deletion of functional cookies
- Option to review and edit user consent
- Option to reset the user consent
- Set the text and background collors
- Optimised for mobile as well as desktop browsers
- Can manage: inline and external scripts, images, stylesheets, links
- Allow users to have control of what scripts are loaded.
- Shortcode to review and reset consent from privacy policy page or any post/page
How it Works
To get started after install, create new Application (for internal or external scripts, images or stylesheets…) under Klaro Consent Manager / Add New. Enter script name and description, for example name it "Google Analytics" and enter description "Google Analytics is a freemium web analytics service offered by Google". Set purpose to "Analytics" . Publish Application than scroll at the bottom of the newly created App and copy code generated by the plugin. Code should look something like this:
<script type="opt-in" data-type="application/javascript" data-name="google-analytics">
// Your Google Analytics Code, all except script tags which we replace with this one…
</script>
So in your google analytics code leave your external script as it is and change only internal script, with the code you copied above. You should get something like this:
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X”></script>
<script type="opt-in" data-type="application/javascript" data-name="google-analytics">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXX-X’);
</script>
Demo URL
Important!
Activating this plugin does not guarantee that your website is successfully meeting its responsibilities and obligations of GDPR. Individual organisations should assess their unique responsibilities and ensure extra measures are taken to meet any obligations required by law and based on a data protection impact assessment (DPIA).
Screenshots
screenshot-1.png shows general administration settings.
screenshot-2.png shows style settings.
screenshot-3.png shows advanced settings.
screenshot-4.png shows applications (scripts and cookies) settings.
screenshot-5.png shows application in edit mode.
screenshot-6.png shows application in public mode.
