Cara Membuat Notifikasi Cookies pada Blogger Tanpa Menambah Loading Blog
Cara membuat notifikasi cookies di blogger - Telah lama blogger memberikan notifikasi bagi penggunanya untuk mengaktifkan notifikasi penggunaan cookies. Lalu pengumuman tersebut maksudnya apa? Maksudnya sudah jelas tertulis disana, bahwa hukum Uni Eropa mewajibkan kita untuk memberikan informasi kepada pengunjung Uni Eropa tentang cookies yang digunakan di blog. Sehingga jika kita wajib memasang notifikasi cookies jika pengunjung blog banyak dari negara Uni Eropa Tersebut.
Negara apa saja yang termasuk ke dalam Uni Eropa?
Biar tidak bingung dan bimbang apakah perlu memasang notifikasi cookies atau tidak, silahkan lihat daftar negara apa saja yang termasuk ke dalam Uni Eropa di sini https://id.wikipedia.org/wiki/Uni_Eropa.
Apabila sudah yakin bahwa kamu perlu untuk memasangnya, langsung saja simak langkah-lagkahnya berikut:
1. Silahkan kamu masuk ke halaman webnya https://cookieconsent.insites.com/download/
2. Kamu akan melihat tampilan seperti ini.
4. Untuk Learn more link masukkan link halaman privacy policy kamu
5. Kemudian bagian Compliance type dan Custom text kalau bingun biarkan default saja.
6. Langkah terkahir silahkan copy kodenya ke template. Letakkan sebelum kode
Tapi kode default tersebut ada kekurangannya yaitu blog kamu akan terdeteksi render blocking di google pagespeed. Lantas bagaimana solusinya? Solusinya mudah!
Silahkan gunakan kode di bawah ini:
<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css");
//]]>
</script>
<script async='async' src='//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js'/>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {"background": "#252e39"},
"button": {"background": "#14a7d0",}},
"theme": "classic",
"content": {"href": "http://www.domain.com/p/privacy-policy.html"}
})});
</script>
Kamu hanya perlu mengganti dua kode warna merah tersebut dengan kode yang sama yang kamu dapat sebelumnya. Kamu juga dapat langsung mengcopy kode yang saya berikan tersebut dengan hanya mengganti url halaman privacy policy-nya dengan punya kamu.
Sekarang coba cek di google pagespeed, sudah aman kan?
Sekian tips tentang cara membuat notifikasi cookies consent di blogger tanpa menambah loading pada halaman blog semoga ada manfaatnya.
Negara apa saja yang termasuk ke dalam Uni Eropa?
Biar tidak bingung dan bimbang apakah perlu memasang notifikasi cookies atau tidak, silahkan lihat daftar negara apa saja yang termasuk ke dalam Uni Eropa di sini https://id.wikipedia.org/wiki/Uni_Eropa.
Apabila sudah yakin bahwa kamu perlu untuk memasangnya, langsung saja simak langkah-lagkahnya berikut:
1. Silahkan kamu masuk ke halaman webnya https://cookieconsent.insites.com/download/
2. Kamu akan melihat tampilan seperti ini.
- Garis kotak warna merah: Pengaturan untuk notifikasi cookies
- Garis kotak warna hijau: Kode yang harus kamu copy ke template setelah selesai membuat notifikasi cookies
- Garis kotak warna hitam: Demo dari pengaturan yang kamu pilih pada menu Configure.
4. Untuk Learn more link masukkan link halaman privacy policy kamu
5. Kemudian bagian Compliance type dan Custom text kalau bingun biarkan default saja.
6. Langkah terkahir silahkan copy kodenya ke template. Letakkan sebelum kode
</head>Tapi kode default tersebut ada kekurangannya yaitu blog kamu akan terdeteksi render blocking di google pagespeed. Lantas bagaimana solusinya? Solusinya mudah!
Silahkan gunakan kode di bawah ini:
<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css");
//]]>
</script>
<script async='async' src='//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js'/>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {"background": "#252e39"},
"button": {"background": "#14a7d0",}},
"theme": "classic",
"content": {"href": "http://www.domain.com/p/privacy-policy.html"}
})});
</script>
Kamu hanya perlu mengganti dua kode warna merah tersebut dengan kode yang sama yang kamu dapat sebelumnya. Kamu juga dapat langsung mengcopy kode yang saya berikan tersebut dengan hanya mengganti url halaman privacy policy-nya dengan punya kamu.
Sekarang coba cek di google pagespeed, sudah aman kan?
Sekian tips tentang cara membuat notifikasi cookies consent di blogger tanpa menambah loading pada halaman blog semoga ada manfaatnya.