Good Morning to you all,

I cooperation with the EU cookie law i need to state to my users that cookies are being used on my website.

 

So i want to create a pop up/ or an animation, when a user visits the site it comes up, but once they click ok, it never shows up again,

 

can anyone advise.

 

 

Thanks in advance

When they click ok, just save their decision as a cookie.

Then check on every site if the cookie is set or not.

If not , display the cookie.

This can be done using Javascript or PHP.

 

Léon

Do what 99% of the rest of the internet is doing, use the implied consent and have a small passage in your privacy policy explaining what cookies are, how you use them etc. It's a frankly stupid law, which I'm pretty sure suddently dawned on the Givernment at the 11th hour - right before they introdiced the "implied" part.

 

Also, what alwful advice is being given here. There are loads of those cookie plugins if you really must display a popup, I'm sure if you could be arsed Google would display for you. However, try http://silktide.com/cookieconsent - that's used pretty widely.

 

^ This. I have been saying this all along, and watched in amazement as people panicked, and hurridly introduced god damn awful popups to ask peoples consent. Guess how these popups strored the information? Yes, that's correct, by the use of cookies. So even if a user opted out, the website would need to deploy a cookie to remember that opt out...................................doh!

There is a great jQuery plugin that does this for you called cookieCuttr. Find more info here http://cookiecuttr.com/

Do what 99% of the rest of the internet is doing, use the implied consent and have a small passage in your privacy policy explaining what cookies are, how you use them etc. It's a frankly stupid law, which I'm pretty sure suddently dawned on the Givernment at the 11th hour - right before they introdiced the "implied" part.

 

QFT

We really need the EU to draft some legislation that will protect us from these infuriating cookie acceptance pop-ups, they are ruining the intertubes and clearly infringing upon my rights to not be constantly annoyed!

 

 

Magnificent piece of legislation isn't it? Life is so much better now.

Oh yes, great bit of legislation lol

heres one i made yesterday:

 

You will Need JQuery & JQuery Cookie Plugin:

<script type="text/javascript" src="/js/jquery.js"></script>
<script src="/js/jquery.cookie.js" type="text/javascript"></script>

 

 

HTML:

<?
if(!isset($_COOKIE['cookieLaw'])){
 echo '
  <div class="cookieLaw">
   <div id="wrapper">
 <div class="paddRoundR">
  <div class="oneQuarterWidth floatLeft">
   <div class="paddRoundR">
    <div class="margTopTen">
	 <h1>Cookies on the</h1>
	 <h1>ALTech UK Website</h1>
    </div>
   </div>
  </div>	
  <div class="halfWidth floatLeft">
   <div class="paddRoundR">
    <p>This site uses cookies to ensure that you receive the best possible experience on our website. If you click on the continue button, we\'ll assume that you are hapy to recieve all cookies on the ALTech UK website. However if you wouldn\'t like to receive cookies then please use any of the links below to instruct you on how to turn off cookies.</p>
    <ul>
	 <li><a href="'.$prefix.'cookies/index.htm#ie">Internet Explorer</a></li>
	 <li><a href="'.$prefix.'cookies/index.htm#ff">Firefox</a></li>
    </ul>
   </div>
  </div>
  <div class="oneQuarterWidth floatLeft">
   <div class="paddRoundR">
    <a href="/inc/cookie.htm" class="cookieSlide">Continue</a>
   </div>
  </div>
  <div class="clearboth"></div>
 </div>
   </div>
  </div>
 ';
}

?>

 

CSS:

div.cookieLaw {display: block; width: 100%; height: 150px; background:#323232;  z-index: 99999;}
div.cookieLaw .margTopTen {margin: 20px 0 0 0;}
div.cookieLaw h1 {margin: 0; padding: 0; color: #FFF; text-align: left;}
div.cookieLaw p {margin: 0; padding: 0; color: #EDEDED; text-align: justify;}
div.cookieLaw ul {display: inline-block; width: 100%; height: auto; list-style: none; list-style-image: none; margin: 10px 0 0 0; padding: 0;}
div.cookieLaw ul li {display: inline-block; width: auto; margin-right: 5px;}
div.cookieLaw ul li a, div.cookieLaw ul li a:active, div.cookieLaw ul li a:visited {display: block; padding: 5px 10px; background: #d6d6d6; color: #111; text-decoration: none; border: 1px solid #444444; border-radius: 3px;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
div.cookieLaw ul li a:hover {background: #043260; color: #FFF; border-color: #043260;}
div.cookieLaw div.oneQuarterWidth a {margin: 10px 0 0 0; display: block; padding: 15px 25px; color: #FFF; font-size: 20pt; background: #d6d6d6; color: #111; text-decoration: none; border: 1px solid #444444; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
div.cookieLaw div.oneQuarterWidth a:hover {background: #043260; color: #FFF;}

 

PHP:

<?
setcookie("cookieLaw","1",time()+24*60*60*364,"/");
?>
<meta http-equiv="refresh" content="0;URL='http://url.com/'">

 

Javascript:

$(function(){
$("a.cookieSlide").click(function(e){
  e.preventDefault();
  $.cookie("cookieLaw", 1, {
   expires : 365, // expires in one year
   path : '/' // root of site
  });
  $(this).parent().parent().parent().parent().parent().slideUp();
 });
});

 

 

This is very basic but it uses JS to create a cookie if the user clicks continue but if there is no JS enabled it reverts to PHP and creates it that way

 

Hope this helps