Skip to main content

European Residents And EU Cookie Compliance

Blog owners who live in Europe have a recently added regulation with which you need to comply.

If you publish a blog, and host AdSense ads, you already have part of the requirement - the properly written Cookie Advisory. If you live in Europe, and view this blog, chances are that you have been offered the chance to view the Nitecruzr.Net Privacy Policy, which includes my Cookie Advisory.

If your blog displays the Blogger Navbar, you have a compliant Cookie Advisory Banner which is provided by Blogger, in the navbar. If you have disabled the navbar - or if the blog uses a dynamic template (and has no navbar), you can add a Cookie Advisory Banner as supplied by Google Cookie Choices.

The simplest solution, for cookie advisory compliance, to display a cookie advisory, is to enable the navbar.

If you choose to leave the navbar disabled on your blog - or if your blog has no navbar because it uses a dynamic template - you will need the Google Cookie Choices Notification Bar. The Notification Bar has 2 components.
  • "cookiechoices.js"
  • The Cookie Choices Notification Bar code


First, download "cookiechoices.zip", unzip it, and upload "cookiechoices.js" to a Google Docs, Google Drive, or Google Sites folder.

Next, modify the Notification Bar code, to match your blog.
<script src="cookiechoices.js"></script>
<script>
 document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('message for visitors',
      'close message', 'learn more', 'http://example.com');
  });
</script>


You should customise the sections of code, as appropriate for your blog.
  • "cookiechoices.js" Indicate the URL of your Google Docs, Google Drive, or Google Sites file which contains the code, as uploaded.
  • 'message for visitors' This provides the advice, immediately displayed in the banner.
  • 'http://example.com' This provides detail advice, in a separate file.
You may, if you wish, customise the captions
  • 'close message'
  • 'learn more'
This lets you make your banner more relevant to your readers.

<script src="cookiechoices.js"></script>
<script>
 document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.',
      'Close message ...', 'Learn more ...', 'http://blogging.nitecruzr.net/p/privacy-policy.html');
  });
</script>


Having customised your Notification Bar code, use the dashboard Template "Edit HTML" wizard, and add it to your template. The current recommendation appears to be just above the "</body>" tag.

<script src="cookiechoices.js"></script>
<script>
 document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Welcome to Blogging Dot Nitecruzr Dot Net!  This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.',
      'Thanks!  I understand.', 'I'd like more information!', 'http://blogging.nitecruzr.net/p/privacy-policy.html');
  });
</script>
</body>
And Save changes.

Please, as always, backup the template - before and after adding the code.

Each blog reader, with third party cookies properly enabled, will see the Advisory Banner only once (having hit 'Thanks! I understand.'). If they have third party cookies blocked - or if they clear cookies, they will see the Banner again.
(Update 8/1/2015): Blogger has provided their own automatic version of CookieChoices, which requires only verification, for many blogs.

Comments

Hi, Many thanks for this useful post.
I have already enabled the navbar but the cookie compliant banner does not appear.
I disabled the navbar and enabled it again. Still the cookie banner does not appear only the navbar appears.
I would be grateful to you if you could kindly tell me what might be wrong.
Many thanks!
Nitecruzr said…
Asitha,

Thanks for the feedback. My impression, from reading the Google site, is that it's intended for European visitors.

"CookieChoices.org provides code examples that can be used to create tools for publishers looking to comply with European laws."

I can't see a banner on my blog, either. Maybe a European based proxy server will let me take a look.

More research, for later.

Popular posts from this blog

What's The URL Of My Blog?

We see the plea for help, periodically I need the URL of my blog, so I can give it to my friends. Help! Who's buried in Grant's Tomb, after all? No Chuck, be polite. OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Where's The Dashboard?

We see this confusion, a couple times a week, in Blogger Help Forum: How Do I? . Where is the dashboard? In the Classic Blogger GUI, the display which contained the "Blog List" (at the top), and the "Reading List" (at the bottom) was labeled "Dashboard". Many people also called the "Settings" / "Template" screens for the various blogs, linked from the Blog List, the dashboard. The New Blogger GUI has no page with the label - and no links "To The Dashboard". The Navbar (another unlabeled feature) has two links - "Design" and "New Post" - which lead to different dashboard sections, when you are appropriately logged in to Blogger . And, the "B" logo at the far left of the navbar will, similarly, take you to the Blog List / Reading List.