Memasang Custom EU Cookies Notification Bar

Baru-baru ini Google telah mengaktifkan cookies notifikasi bar untuk blogspot. Cookies notifikasi bar ini akan otomatis muncul ketika ada pengunjung yang datang dari negara-negara Uni Eropa.

Cookies adalah data atau informasi yang berupa teks dari sebuah situs web yang Anda kunjungi yang disimpan di web browser. Data atau informasi ini membantu situs untuk mengingat informasi tentang kunjungan Anda, sehingga kunjungan Anda berikutnya akan lebih mudah dan situs akan menjadi lebih ringan untuk diakses.

Nah cookies ini di beberapa negara khususnya di negara-negara Uni Eropa memiliki undang-undang yang mengatur penggunaan cookies di internet. Jika sebuah situs tidak meminta izin untuk menggunakan cookies pengunjung, maka perbuatan tersebut akan dianggap illegal.

Nah di sinilah fungsi EU cookies notification bar. Dengan ini, situs meminta izin untuk menggunakan cookies pengunjung. Jika pengunjung setuju, maka kunjungan terhadap situs tersebut boleh dilanjutkan. Namun jika pengunjung tidak berkenan, maka pengunjung berhak untuk tidak meneruskan kunjungannya sehingga situs tidak beresiko melanggar undang-undang.

Jika blog Anda menggunakan blogspot, maka secara otomatis blog Anda sudah memiliki EU Cookies Notification Bar dari Blogger, begitupun yang sudah menggunakan custom domain.

Untuk melihat EU Cookies Notification Bar ini, untuk blogspot cukup ganti .com dengan .fr sehingga menjadi namablog.blogspot.fr. Untuk blogspot yang menggunakan custom domain cukup menambahkan .prx.gb.teleport.to di belakang domain sehingga seperti ini domain.com.prx.gb.teleport.to. Dan tampilan EU Cookies Notification Bar Blogger ini bisa dimodifikasi, silahkan simak di sini.

Namun bagi blogspot yang menggunakan custom domain dan juga menggunakan layanan CloudFlare untuk menangani cookies, maka EU Cookies Notification Bar Blogger tidak akan tampil. Dan jika Anda menggunakan monitise Adsense, maka hal ini akan beresiko untuk keberlangsungan Adsense blog Anda. Nah untuk langkah amannya, kita bisa membuat atau memasang sendiri Custom EU Cookies Notification Bar karena saya pikir sekarang tidak cukup hanya membuat halaman Privacy Policy saja agar pengunjung bisa dengan mudah untuk mengetahui pengunaan cookies ini.

Begitu pun untuk blog Wordpress, Custom EU Cookies Notification Bar ini sangat diperlukan apalagi jika menggunakan Adsense. Namun untuk Wordpress, Anda bisa dengan mudah memasang Custom EU Cookies Notification Bar ini dengan menggunakan plugin. Namun jika Anda menghindari penggunaan Jquery untuk menghindari blocking-render js, maka Anda bisa memasang Custom EU Cookies Notification Bar seperti yang akan saya bahas di bawah ini.

Jika Anda pertama datang ke blog ini, Anda bisa melihatnya di bar yang melayang di bawah blog. Nah untuk membuatnya seperti itu, silahkan simak langkahnya di bawah ini.

Script Custom EU Cookies Notification Bar ini saya dapat dari Cookies Consent dari Silktide namun saya rubah sedikit agar pemasangannya tidak membuat render-blocking js.

Kode yang di dapat dari Silktide akan tampak seperti di bawah ini.


<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
    window.cookieconsent_options = {"message":"This website uses cookies to ensure you get the best experience on our website","dismiss":"Got it!","learnMore":"More info","link":"null","theme":"light-bottom"};
</script>

<script type="text/javascript" src="cookieconsent.js"></script>
<!-- End Cookie Consent plugin -->

Nah agar tidak menyebabkan blocking-render js, silahkan gunakan kode di bawah ini.


<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
//<![CDATA[
window.cookieconsent_options = {"message":"This website uses cookies to ensure you get the best experience on our website","dismiss":"Got it!","learnMore":"More info","link":"https://www.blogger.com/go/blogspot-cookies","theme":"light-bottom"};
(function(){var e=document.createElement("script");e.async=true;e.type="text/javascript";e.src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js";(document.getElementsByTagName("HEAD")[0]||document.getElementsByTagName("BODY")[0]).appendChild(e)})();
//]]>
</script>
<!-- End Cookie Consent plugin -->

Jika Anda sudah memiliki halaman Privacy Policy di blognya, silahkan ganti kode https://www.blogger.com/go/blogspot-cookies dengan URL halaman Privacy Policy blog Anda.

Ada 6 theme yang bisa digunakan, silahkan ganti kode light-bottom dengan tema pilihan Anda.
  1. light-top untuk tema bar terang dan melayang di atas blog.
  2. light-bottom untuk tema bar terang dan melayang di bawah blog.
  3. dark-top untuk tema bar gelap dan melayang di atas blog.
  4. dark-bottom untuk tema bar gelap dan melayang di bawah blog.
  5. light-floating untuk tema kotak terang dan melayang di pojok kanan blog.
  6. dark-floating untuk tema kitak gelap dan melayang di pojok kanan blog.

Untuk kode http://yourjavascript.com/44118051553/cookieconsent2.js silahkan bisa Anda ganti dengan link hosting cookieconsent2.js Anda sendiri untuk keamanan, jika tidak pun tidak apa-apa.

Custom EU Cookies Notification Bar ini akan tampil hanya 1 kali jika pengunjung mengklik tombol Got It! untuk 356 hari atau 1 tahun, kecuali jika pengunjung penghapus cookies browser-nya maka bar-nya akan tampil kembali.

Silahkan simpan kode di atas di edit HTML blog Anda di atas kode </body>, Untuk Wordpress silahkan simpan di Appearance > Editor > footer.php > simpan di atas kode </body>.

Selamat mencoba.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments