Login
SmartEshop

Setting up Cookie Control on your web store

Last edited: 2012-05-15

Update (8-Mar-2015):
Eshop-Systems pre-installed Cookie consent script can be activated from the Global Settings page within the control panel.

The EU Cookie Law is a privacy legislation that requires websites to obtain consent from visitors to store or retrieve any information on a computer or a smartphone. It has been designed to protect online privacy, by making consumers aware of how information about them is collected by websites, and enable them to choose whether or not they want to allow it to take place. The Cookie Law is start enforcing in the UK from May 26th 2012. Further information about the Cookie Law can be found at http://www.cookielaw.org.

At eShop-Systems, we provide the facility to help you getting your web store to meet the Cookie Law requirements. We use a third party service, Cookie Control, provided by Civic. Cookie Control is a mechanism for obtaining a user's explicit consent for the use of cookies on their computer. Installing Cookie Control can be confusing for many as it requires some degree of web programming language. This document provides a step by step guide helping you to setup Cookie Control.

Step 1: Configure Cookie Control

  • Go to http://civicuk.com/cookie-law/configuration and fill in the form provided. You will need to supply a link to your privacy policy. if you not already have one on your web store, create one in the control panel.
  • If you are currently using Google Analytics on your web store, copy the Google Analytics key to the Cookie Control form. This will replace your Google Analytics script, ie. you can remove your existing Google Analytics script from your web store. Google Analytics key looks like this: UA-1234567-1.
  • Choose "No" to Apply to subdomains field.
  • Done, and collect your code.

Step 2: Your Cookie Control code

If you are using one of our template, we have installed jQuery version 1.7.2 for you. For user with custom template, you will need to add the following line to your template between <head> and </head> region.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

We have also download and installed the Cookie Control script on our server. You need to change the location of the Cooke Control script in your Cookie Control code, as highlighted in red below.

<script src="https://www.eshop-systems.net/_func/cookieControl-5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[

cookieControl({
introText:'This site uses some unobtrusive cookies to store information on your computer.',
fullText:'<p>Some cookies on this site are essential, and the site won\'t work as expected without them. These cookies are set when you submit a form, login or interact with the site by doing something that goes beyond clicking on simple links.</p><p>We also use some non-essential cookies to anonymously track visitors or enhance your experience of the site. If you\'re not happy with this, we won\'t set these cookies but some nice features of the site may be unavailable.</p><p>By using our site you accept the terms of our <a href="http://www.yourwebsite.com/Privacy+Policy">Privacy Policy</a>.</p>',
position:'right', // left or right
shape:'triangle', // triangle or diamond
theme:'light', // light or dark
startOpen:true,
autoHide:5000,
subdomains:false,
protectedCookies: [], //list the cookies you do not want deleted ['analytics', 'twitter']
consentModel:'information_only',
onAccept:function(){ccAddAnalytics()},
onReady:function(){},
onCookiesAllowed:function(){ccAddAnalytics()},
onCookiesNotAllowed:function(){},
countries:'United Kingdom' // Or supply a list ['United Kingdom', 'Greece']
});

function ccAddAnalytics() {
jQuery.getScript("http://www.google-analytics.com/ga.js", function() {
var GATracker = _gat._createTracker('UA-1234567-1');
GATracker._trackPageview();
});
}

//]]>
</script>

Back to your store's control panel, add a new menu (left or right) and paste your Cookie Control code into it. Save the menu.

Step 3: Checking

Go to your web store now and refresh the page. You should now see the Cookie Control icon at either bottom left or bottom right of the page, and the code will prompt you to accept the use of cookies on your website.

That's it. You have done it and your web store is now comply with the EU Cookie Law.


cookie law, cookie control, privacy policy, EU Cookie Law

Related articles:

  1. Quick-start guide
  2. Email form construction for web site
  3. Point a domain name to your store
  4. Create a customised template
  5. Modify default content of sales transaction
  6. Add custom checkout form fields
  7. Setting up Cookie Control on your web store
  8. Supported Payment Gateways