Customize EU Cookies Notification Bar for Blogger

Kostumisasi UE Cookies Notification Bar -  Sebagaimana kita ketahui bahwa negara Uni Eropa menerapkan keharusan sebuah website menggunakan kuki. Hal ini tentunya diterapkan untuk keamanan pengguna.

Negara mana saja yang termasuk EU/UE (Europe Union / Uni Eropa)? Ada 28 negara yang termasuk Uni Eropa, yaitu : Austria, Belgia, Bulgaria, Kroasia, Siprus, Republik Ceko, Denmark, Estonia, Finlandia, Perancis, Jerman, Yunani, Hongaria, Irlandia, Italia, Latvia, Lithuania, Luksemburg, Malta, Belanda, Polandia, Portugal, Rumania, Slowakia, Slovenia, Spanyol, Swedia dan Britania Raya / Inggris Raya. Jadi kalau blog sobat di akses di salah satu negara di atas, harus menyertakan keterangan Cookies.

Bagi pengguna Blogger, ga usah khawatir. Pihak Google sudah menyertakan dalam domain blogspot atau custom domain. Namun tentunya, tampilannya default. Ini adalah tampilan default dari Blogger.



Sebagai catatan, apabila kita akses dari Indonesia atau diluar negara Uni Eropa, Notifikasi itu tidak akan muncul. Jadi apabila sobat ingin melihat hasilnya, gunakan .de atau .co.uk pada url blog sobat. Untuk custom domain, gunakan .prx.gb.teleport.to di akhir url sobat, atau bisa menggunakan SSH / VPN. Saat saya membuat tutorial ini, saya sedang menggunakan IP Jerman.

Bagi sobat yang menginginkan tampilan seperti hasil modifikasi saya, silahkan simpan kode ini di atas </head>

<!--Custom EU Cookies Notice START-->
<script type="text/javascript">
  cookieOptions = {
    msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Got it!",
    learn: "Learn More" };
</script>
<style>
.cookie-choices-info {
    z-index: 999999!important;
    background-color: #222 !important;
    padding: 15px 30px !important;
    bottom: 0 !important;
    top: inherit !important;
}
.cookie-choices-info .cookie-choices-text{
    margin: 0 auto;
  }
.cookie-choices-info .cookie-choices-text{
    font-size: 17px !important;
    color: #fff !important;
    text-align: left !important;
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}
.cookie-choices-info .cookie-choices-button{
    color :#000 !important;
    background-color: #adbcc5 !important;
    border-radius: 5px!important;
    padding: 8px 18px!important;
    text-transform: none!important;
    transition: all .2s linear !important;
    font-weight: normal !important;
}
.cookie-choices-info .cookie-choices-button:nth-child(2){
    background-color: #f1d600 !important;
}
.cookie-choices-info .cookie-choices-button:hover, .cookie-choices-info .cookie-choices-button:nth-child(2):hover{
    background-color: #e9eef0 !important;
}
</style>
<!--Custom EU Cookies Notice END-->   

3rd Party Custom EU Cookies Notification Bar

Bagi non-blogspot, banyak pihak ke-3 penyedia script custom notification bar ini, diantaranya : Cookie Consent oleh Silktide, Cookie Control oleh CIVIC, The Cookie Collective oleh Governor Technology, Cookiebot oleh Cybot dan Cookie Consent Kit oleh Komisi Eropa.

Menurut saya, panggi pengguna blogspot atau yang sudah custom domain, tidak perlu menggunakan pihak ke-3 karena sudah disediakan oleh Blogger. Pihak ke-3 disarankan bagi non-blogspot saja.

Kekurangan pihak ke-3 notifikasi akan muncul dimanapun ketika blog kita di akses. Hebatnya blogger, notifikasi ini hanya muncul di Negara Uni Eropa saja.

Double Notifikasi

Ketika saya mengunjungi beberapa blog sahabat, banyak yang sudah menggunakan fihak ke-3. Namun ada hal yang kurang diperhatikan yaitu notifikasi jadi double seperti ini


Untuk mengatasinya silahkan gunakan kostumisasi di atas, atau apabila ingin tetap menggunakan pihak ke-3, sembunyikan notifikasi bawaan dari blogger. Simpan kode ini di atas </head>

<script type="text/javascript">
    cookieChoices = {};
</script>

Notifikasi mana yang sobat pakai? Blogger atau pihak ke-3?