Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Notifikasi Pemberitahuan Cookie Web


 Cookie adalah kumpulan data yang diterima oleh komputer/android dari sebuah situs dan mengirimkan kembali ke situs yang dikunjungi. Dengan cookie, website dapat menyimpan rekam jejak aktivitas yang dilakukan oleh pengunjung. Sebelumnya Google sendiri telah mengumumkan kepada pemilik blog atau website agar segera memasang cookie ke websitenya. Hal ini bertujuan untuk menyesuaikan dengan pengaturan yang ada di Negara Uni-Eropa, peraturan ini juga sering disebut dengan nama General Data Protection Regulation atau GDPR. GDPR sendiri adalah sebuah regulasi perlindungan data yang mengatur dan melindungi data pribadi seseorang baik yang berada di dalam maupun diluar Uni-Eropa.

Script dan Pemasangannya :

Pasang css berikut di atas kode ]]></b:skin> atau </style>

.alertCookie{position:fixed;bottom:15px;left:15px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);max-width:300px;border-radius:7px;z-index:99999}
.alertCookie>.inner{padding:15px;box-sizing:content-box}
.alertCookie p{margin:0;font-size:.85rem;margin-bottom:10px}
.alertCookie .cookie-btn{background-color:#ff0000;color:#fff;border:none;font-size:1rem;padding:5px 10px;box-sizing:content-box;cursor:pointer;border-radius:7px}

Lalu pasang kode Javascript berikut di atas kode </body>

<script type='text/javascript'>/*<![CDATA[*/
(function () {
  const e = document.createElement("div");
  e.className = "alertCookie", e.innerHTML = "<div class='inner'><p>Our website uses cookies to improve your experience. Learn more</p><button type='button' class='cookie-btn'>Accept</button></div>", e.querySelector("button").onclick = (e => {
    let t = new Date;
    t.setTime(t.getTime() + 864e5), document.cookie = `alertCookie=1;expires=${t.toUTCString()};domain;path=/;SameSite=Lax`, e.currentTarget.parentElement.parentElement.remove()
  });
  const t = () => {
    const e = document.cookie.split(";");
    for (let t = 0; t < e.length; t++) {
      let o = e[t];
      for (;
        " " == o.charAt(0);) o = o.substring(1);
      if (0 == o.indexOf("alertCookie")) return !0
    }
    return !1
  };
  if (t()) return !0;
  document.body.appendChild(e)
})();
/*]]>*/</script>

Simpan.


Semoga Bermanfaat.

Posting Komentar untuk "Cara Membuat Notifikasi Pemberitahuan Cookie Web"