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!
Chuck Croll 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

Custom Domain Migration - Managing The Traffic

Your blog depends upon traffic for its success.

Anything that affects the traffic to your blog, such as any change in the URL, affects the success of your blog. Publishing the blog to a custom domain, like renaming the blog, will affect traffic to your blog. The effects of the change will vary from blog to blog, because of the different traffic to every different blog.Followers. People who find your blog because of recommendations by other people.Search engines. Robotic processes which methodically surf your blog, and provide dynamic indexing to people who search for information.Subscribers. People who read your content from their newsfeed reader, such as the dashboard Reading List.Viewers. People who read your content from their browser.No two blogs are the same - and no two blogs will have the same combinations of traffic sources.

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.