Fabien Caylus

<p>Does one thing but does it right:</p>
<p><strong>Ask the user for his consent about cookies and tracking.</strong></p>
<h3>Features</h3>
<ul>
<li>Display a popup on every page and ask the user for his consent about tracking</li>
<li>“Approve” and “Deny” button: compliant with GDPR and CCPA</li>
<li>Customisable texts and image on the popup</li>
<li>Customisable style of the popup using CSS</li>
<li>Available in 2 languages: English and French</li>
<li>No branding, no ad on the admin panel. Just a new menu in the settings.</li>
</ul>
<h3>How it works ?</h3>
<p>The plugin will add a new menu under your settings, where you can set up the various texts and images used by the popup.<br />
Then, a popup will appear on every public pages, asking the user for his consent about cookies and tracking, presenting him with 2 choices:</p>
<ul>
<li><strong>Approve</strong>: Set a cookie <code>cookie-consent=yes</code> valid for 6 months</li>
<li><strong>Deny</strong>: Set a cookie <code>cookie-consent=no</code> valid for 6 months</li>
</ul>
<p>It’s then up to you, and your analytics solution, to check for the <code>cookie-consent</code> value and handle it according to the user’s wishes.</p>
<h3>How to customize the popup style ?</h3>
<p>A default style is applied to the popup, with the strict minimum (the layout of the popup).<br />
The popup will inherit the text style, button style and colors from your theme.</p>
<p>However, you can use CSS to customize the popup layout and style<br />
(by enqueuing a stylesheet in your <code>functions.php</code> file, add additional CSS in your theme’s options,<br />
or whatever technique to add CSS to your page).</p>
<p>For reference, here is the popup HTML code. You can use the main container id (<code>#can-i-use-cookies</code>)<br />
to scope your CSS rules.</p>
<pre><code><div id="can-i-use-cookies">
    <div class="container">
        <div class="subcontainer">
            <img class="image" src="...">
            <div class="text-container">
                <p class="title">...</p>
                <p class="description">...</p>
            </div>
        </div>
        <div class="button-bar">
            <button id="can-i-use-cookies-yes" class="button">...</button>
            <button id="can-i-use-cookies-no" class="button">...</button>
        </div>
    </div>
</div>
</code></pre>
<h3>Source code</h3>
<p>The source code is available on GitHub at <a href="https://github.com/doky-fr/can-i-use-cookies" rel="nofollow ugc">github.com/doky-fr/can-i-use-cookies</a>.</p>
<p>Feel free to contribute !</p>


Can I Use Cookies ?

Ask the user for his consent about cookies and tracking, and comply with the EU GDPR privacy law and CCPA regulations.

damiroquai

<p>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.</p>
<p>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.</p>
<p>Klaro can manage both inline and external scripts as well as static tracking elements like images or stylesheet links.</p>
<h4>Features include:</h4>
<ul>
<li>100% GDPR compliant</li>
<li>Customisable cookie message using .po file (multi language support)</li>
<li>Redirects users to modal for more cookie information and toggle individual scripts</li>
<li>Custom link to Privacy Policy page</li>
<li>Option to refuse deletion of functional cookies</li>
<li>Option to review and edit user consent</li>
<li>Option to reset the user consent</li>
<li>Set the text and background collors</li>
<li>Optimised for mobile as well as desktop browsers</li>
<li>Can manage: inline and external scripts, images, stylesheets, links</li>
<li>Allow users to have control of what scripts are loaded.</li>
<li>Shortcode to review and reset consent from privacy policy page or any post/page </li>
</ul>
<h4>How it Works</h4>
<p>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:</p>
<pre><code><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> 
</code></pre>
<p>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:</p>
<pre><code><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>
</code></pre>
<p><a href="https://wordpress.transformnews.com/" rel="nofollow ugc">Demo URL</a></p>
<h4>Important!</h4>
</p>
<p>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).</p>


Klaro Consent Manager

This lightweight plugin will help you make your website fully compatible with last EU GDPR policies.

Can I Use Cookies ? vs Klaro Consent Manager