A simple way to show the 'cookie' warning

The European Union, apparently, has a cookie law. This "requires websites to get consent from visitors to store or retrieve" cookies.

There are some tools out there that allow you to add this message, but it's really simple to do this yourself with a little bit of Javascript.

The first thing to do is to add a <div> to your template's <body> 

<div id="cookie_warning">
    We use third party "cookies" for ...
    <input type="button" value="Accept" onclick="javascript:cookies(true);" />
    <input type="button" value="Deny" onclick="javascript:cookies(false);" />
</div>
 Next, we add a new rule to our .css file 

#cookie_warning{display:none}
We don't want to show this warning when people have Javascript deactivated.


Let's stop our cookies from travelling. Encapsulate the cookie code in a function:

function google_analytics()
{
   (function(i,s,o,g,r,a,m){{i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)}},i[r].l=1*new Date();a=s.createElement(o),
   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

   ga('create', 'UA-75171925-1', 'auto');
   ga('send', 'pageview');
}

This prevents the automatic execution of this code.





Now, we have to create a function to show the cookie warning.






function show_cookie_warning()
{
    if("undefined" == typeof(Storage))
        return;

    // If localStorage has information, get cookie 


    if(localStorage.length)
    {
        var cookie = localStorage.getItem("cookie");
        if(!cookie || cookie === "false")
            return;






        google_analytics();
        return;
    }

    var msg = document.getElementById("cookie_warning");
    msg.style.display = 'block';
}



If local storage is not available, let's not pester our users with incessant messages. The downside is that our tracking cookies will not travel either.





Lastly, we have to call the show_cookie_warning() function. Add the function call after our <div>:






<div id="cookie_warning">


</div>


<script>
    show_cookie_warning();
</script>



The cookies() function we've put in the <div> is also really simple:




function cookies(b)
{
    var msg = document.getElementById("cookie_warning");
    msg.style.display = 'none';

    if("undefined" == typeof(Storage))
        return;

    localStorage.setItem("cookie", b);

    if(b)
        google_analytics();
}





And Bob's your uncle.































Comments











Post a Comment






























Popular posts from this blog









The Kalam Cosmological Fallacies





















       I didn't think I would need to continue writing about atheism, but circumstances force me. Noblesse oblige, and all that shite.     In other words, I ran into somebody who thinks you can prove god logically... in the twenty-first century, using the Kalam Cosmological Argument. Well, let's rip that one apart, shall we?     I'll focus on the formal logic here. Others have more practical objections to Kalam.     The form of the argument  is as follows.   Premise A: Whatever begins to exist has a cause.   Premise B: The universe began to exist.   Conclusion C: Therefore, the universe has a cause.     If premises A & B are true, conclusion C must be true. While it can be argued that premise A  may not be true, let's just accept this argument. “The universe has a cause”     So far, so good, nobody got hurt in this exercise?      Now, Kalam makes magic happen... [see the update below]     Let's do a “non-sequitur” logical fallacy   “therefore cause of the univer...








Read more










Fallacies 'R Us




















Image







         After debating with religious people on Twitter for a number of months (mostly Christians, some Muslims and a few... stray bullets), I thought to myself that all  arguments for gods are based on flawed logic. A short convo confirmed that, indeed, my fellow atheists on Twitter believe the same. This is a short list with the most common logical fallacies I've encountered. This post will be updated to incorporate new fallacies when they present themselves.         The Fallacy Fallacy        Warning:  Using flawed logic doesn't mean that your conclusion is necessarily wrong, it just means that you cannot base your conclusion on that logic. Let's think about an example to clarify this. Suppose you are going to visit your family, and they ask you at what time you'll arrive. You take into account the inevitable traffic jam and estimate an hour. Then, you step into your car and lo and behold, there is no traffic jam... but you get a flat tire. You arrive at the estimat...








Read more










Guts





















     I've had a long convo with -a person who wants to remain anonymous-, a former Young Earth Creationist (YEC) about evolution (and religion, and abiogenesis, and morality...). This convo is ongoing with the exact same result; -S- returning to her default position of denial (of evolution) and affirmation (of creation). The latest development is that -S- is now a believer of Intelligent Design (ID); her beliefs have evolved (changed over time). She's not a Christian any more.   I'm not sure if she's gone from YEC to Old Earth Creationism.     It seems nearly impossible to convince -S- that evolution is possible, probable and, in fact, a scientific fact.      Still, one can only try :-) and try, and try, and try again.     The thing is that -S- needs to look at evolution from a different angle because she has been bombarded with creationist' propaganda that she chooses to believe over the biologists' evidence.     How can you convince someone who believes the ea...








Read more