Menambahkan pemberitahuan cookie custom di Blogger/Blogspot untuk semua negara

thumb — Pemberitahuan cookie di situs BENN/YES

Pembaca sekalian pasti pernah mendengar istilah cookie di beberapa aspek, apapun pekerjaan anda. Baik pengembang web, arsitek, pegawai pemerintah, orang biasa, ataupun tukang kue. kata cookie (baca: kukis) seringkali dikaitkan dengan kue kering atau biskuit. Namun, dalam pengembang situs web, ada juga istilah cookie. Dalam menjalankan situs (pada masa kini), situs hampir selalu menggunakan cookies.

Daftar isi [lihat/tutup]

Arti cookie
Aturan cookie di Blogger
Membuat pesan cookie sendiri.
Kode untuk notifikasi cookie kustom
Menampilkan pesan cookie di semua negara

1. Arti cookie

Google Translate menerjemahkan kata cookie dari Bahasa Inggris ke Bahasa Indonesia sebagai kue, biskuit, dan roti manis. Bahkan karena mungkin biasanya berarti "makanan manis", cookie juga diterjemahkan sebagai "yang tercinta"^[1].

Namun post ini tidak akan membahas kue, karena saya tidak bisa membuat kue. Cookie yang dimaksud di sini adalah cookie HTTP. Cookie (kuki) HTTP adalah sepotong data yang dikirim dari sebuah situs web ke komputer pengguna oleh peramban web (browser) ketika pengguna tersebut sedang membuka halaman web^[2]. Cookie biasanya menyimpan pengaturan atau preferensi pengguna dalam situs tertentu^[3].

Misalnya penggunaan bahasa dalam halaman Disclaimer BENN/YES. Setelah pengguna menyetel bahasa yang diinginkan, BENN/YES akan mengirimkan serangkaian teks ke dalam browser yang berisi pengaturan bahasa yang ditetapkan pembaca. Ketika pengguna kembali membuka halaman disclaimer itu, selama cookie belum dibersihkan, halaman disclaimer akan menampilkan konten dalam bahasa yang sudah dipilih pembaca tersebut sebelumnya.

2. Aturan cookie di Blogger

Dalam peraturan Google selaku pemilik layanan blogger, pengelola blog diwajibkan untuk menampilkan pesan notifikasi cookie (cookie consent) bagi pembaca di wilayah Uni Eropa. Untuk mempermudah pengguna, Google telah menyiapkan pesan cookie yang akan muncul secara otomatis ketika pembaca membukanya di wilayah Uni Eropa.

Pemberitahuan cookie bawaan di Blogger, bila dilihat dari negara Uni Eropa dengan bahasa layanan Indonesia

Pemberitahuan cookie bawaan di Blogger, bila dilihat oleh pembaca di Jerman

3. Membuat pesan cookie sendiri.

Pesan pemberitahuan cookie sebenarnya sudah disiapkan oleh pihak Google. Bahkan pesan cookie tersebut dapat diterjemahkan ke bahasa lokal di negara pembaca. Namun, pemilik blog sebenarnya dapat membuat pesan cookie sendiri dengan memanfaatkan template yang sama denga yang dibuat otomatis oleh Google.

3.1. Kode untuk notifikasi cookie kustom

Tambahkan script ini di dalam <head>:


    <script>
       cookieOptions = {
         msg:'Pesan cookie',
         link:'https://domain.tld/link-privacy-policy/',
         close:'tombol ok',
         learn:'tombol baca privacy policy'
       };
    </script>

Contoh:


    <script>
       cookieOptions = {
         msg:'Situs ini menggunakan cookie demi kelancaran dan penyesuaian situs dengan preferensi pengunjung.',
         link:'/p/privacy-policy.html',
         close:'Mengerti',
         learn:'Lihat kebijakan privasi'
       };
    </script>

Cara di atas akan menampilkan notifikasi cookie dalam Bahasa Indonesia ke negara-negara Uni Eropa. Bila pembaca berada di Indonesia, pembaca tidak akan bisa melihat pesan ini, kecuali menambahkan ?gl=xx di URL blog. "xx" adalah kode dua huruf negara-negara anggota Uni Eropa, misalnya Jerman memiliki kode de.

Pemberitahuan cookie di Blogger dengan pesan khusus

Kelemahan dari metode ini:

Hanya dapat menggunakan satu bahasa, yaitu bahasa sesuai teks yang ditulis oleh pemilik blog. Untuk mengatasi masalah ini, gunakan pesan cookie asli buatan Google yang akan diterjemahkan ke berbagai bahasa, dengan cara menghapus script ini.
Hanya akan tampil di negara-negara anggota Uni Eropa. Pesan ini terasa kurang berguna jika target pembaca blog berada di luar negara-negara Uni Eropa, misalnya Indonesia. Solusi: Gunakan script yang ada di bagian selanjutnya.

3.2. Menampilkan pesan cookie di semua negara

Gunakan script ini jika ingin menampilkan pesan cookie kepada pembaca dari semua negara, baik Uni Eropa atau di luar Uni Eropa. Script ini saya dapatkan dari sebuah jawaban untuk pertanyaan yang pernah saya tanyakan di halaman support Blogger oleh user @MRafizeldi. Tambahkan script ini di dalam <head>:


<script defer="defer" src="/js/cookienotice.js"></script>
<script>
   //<![CDATA[
     function showCookieChoice(event) {
       cookieChoices.showCookieConsentBar(
                   'Pesan cookie',
                   'tombol ok',
                   'tombol baca privacy policy',
                   'https://domain.tld/link-privacy-policy/');
     }

     if (document.addEventListener)
       document.addEventListener('DOMContentLoaded', showCookieChoice);
     else
       window.onload = showCookieChoice;
   //]]>
</script>

Contoh:


<script defer="defer" src="/js/cookienotice.js"></script>
<script>
   //<![CDATA[
     function showCookieChoice(event) {
       cookieChoices.showCookieConsentBar(
                   'Situs ini menggunakan cookie demi kelancaran dan penyesuaian situs dengan preferensi pengunjung.',
                   'OK',
                   'Kebijakan privasi',
                   '/p/privacy-policy.html');
     }

     if (document.addEventListener)
       document.addEventListener('DOMContentLoaded', showCookieChoice);
     else
       window.onload = showCookieChoice;
   //]]>
</script>

Cara di atas akan menampilkan notifikasi cookie dalam Bahasa Indonesia ke semua negara, baik anggota Uni Eropa ataupun bukan. Cara ini lebih efektif bila target pembaca blog berada di luar negara Uni Eropa.