Since May 26th 2012, websites operating in the EU must implement the EU Cookie Directive. Under this law, websites are required to get visitors informed consent before placing a cookie on their machine.

If your site uses any third party cookies, Google Analytics, Facebook ‘Like’ buttons, Social plugins, ‘Add This’ social sharing buttons, or any other non essential cookies, you will need to add an cookie opt in interface to your site.

In order to comply with the law, you can use the following widget that allows your web site visitors to consent or decline cookies insertion on their machines.


1. Configuring the code:

<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/main.css"/>
<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/white.css"/>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/support-opt-in.js"></script>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js" read_more="http://YOUR_DOMAIN.COM/PAGE_URL.html"></script>
<script type='text/javascript'> HI.optInCookies.disagreeURL = "/PAGE_URL.html"; </script>

<style>.hi-cookie-power {visibility:hidden;}
</style>


You will need to edit the following lines in the snippet:
 
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js" read_more="http://YOUR_DOMAIN.COM/PAGE_URL.html"></script> 

Specify a "Read More" page URL, where you can provide more information on what cookies you are using and why you need them - e.g. Google Analytics Cookies, Facebook Like button cookies, etc.

e.g.

<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js" read_more="http://SiteKreator.COM/main.html"></script> 


<script type='text/javascript'> HI.optInCookies.disagreeURL = "/PAGE_URL.html"; </script>

Specify a page where your visitor should be redirected in case they deny visiting your web site. This page can clarify that in order to use your website, you need your visitors consent in order to comply with the EU Cookie Directive.

<script type='text/javascript'> HI.optInCookies.disagreeURL = "/main.html"; </script>

2. Embeding the Code

Once you have configured the code as per point 1, you can add it in an HTML snippet and insert it in the header or footer areas of your site, hence it will be affecting all of your web site pages.


3. Widget Appearance on your Website

This is how the widget will look like on your web site:
 

Before Consent
Before Consent

After Consent

     

If you are unsure, whether this EU directive is affecting your web site, please do not hesitate to contact us.