Membuat Banner Cookie Consent di Blog Adsense

Apa itu Cookie?

Cookie adalah istilah untuk kumpulan informasi yang berisi rekam jejak dan aktivitas ketika menelusuri sebuah website. Secara sederhana pengertian cookies adalah kumpulan data yg diterima komputer dari sebuah situs dan mengirimkan kembali ke situs yg dikunjungi.

Penjelasan Google Adsense ttg Cookie

"Undang-undang Uni Eropa (EU) mengharuskan Anda untuk memberikan informasi kepada pengunjung situs di Uni Eropa tentang cookie yang digunakan di blog Anda. Dalam banyak kasus, undang-undang ini juga mengharuskan Anda untuk mendapatkan persetujuan. Sebagai bagian dari layanan, kami telah menambahkan pemberitahuan berikut di blog Anda untuk membantu mematuhi peraturan tersebut."

Apa aja yg bisa dilakukan dgn Cookie, dan apa aja yg disediakan Cookie?

1. Menyimpan Pengaturan Website

Cookies juga berfungsi untuk menyimpan pengaturan website yang dikunjungi. Misalnya, ketika Anda mengunjungi sebuah website yang menawarkan pilihan bahasa Inggris dan bahasa Indonesia. Kemudian Anda memilih pengaturan bahasa Indonesia, cookies akan “mengingat” preferensi yang Anda pilih.

2. Menyediakan Konten Lebih Personal

Fungsi cookies yang lain adalah memungkinkan website untuk menyediakan konten yang lebih personal. Misalnya, di sebuah situs belanja Anda sering mencari produk elektronik dan pakaian. Ketika Anda kembali ke situs belanja online tersebut, Anda akan mendapatkan saran-saran produk yang berkaitan dengan produk elektronik dan pakaian.

3. Menampilkan Iklan

Fungsi cookies yang terakhir adalah untuk menampilkan iklan yang sesuai dengan aktivitas browsing pengunjung. Misalnya, Anda baru saja mengunjungi website toko online yang menjual sepatu. Kemudian Anda membaca berita di portal berita online dan bisa mendapati iklan yang berkaitan dengan sepatu.

Terus, Apakah Cookies Aman?

Dalam kondisi normal, cookies tidak bisa mentransfer malware atau virus karena data yang dibawa cookies tidak berubah ketika berpindah dari komputer ke website dan sebaliknya. Perpindahan data cookies ini sama sekali tidak berpengaruh kepada komputer Anda.

Meskipun begitu, internet tetaplah internet dan Anda tetap harus berhati-hati ketika beraktivitas di dalamnya. Hindari mengunjungi situs-situs yang mencurigakan dan berpotensi bahaya agar informasi di cookies Anda tidak dicuri oleh oknum-oknum tidak bertanggung jawab.

Sebelum saya mengakhiri penjelasan ini, saya akan berbagi sedikit trik membuat Banner utk meminta persetujuan Cookie bagi pengunjung Blog.
Caranya cukup simple , tapi bukan berarti hasilnya biasa-biasa aja ya?

1. CSS

Copy kode CSS di bawah ini, terus Pastekan di atas  ]]></b:skin>

#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #008c5f;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #008c5f;
}

2. HTML

Yg kedua, Copy kode HTML di bawah ini, terus Pastekan di bawah </footer>

<div id="cookieConsent">
    <div id="closeCookieConsent">X</div>
    Situs Kami Menggunakan Cookie Untuk Mempersonalisasikan Iklan juga<br /> Untuk Menganalisa Traffic Situs.<br />Apakah Anda Menyetujui Cookie? <a href="LINK-URL-PRIVACY-POLICY" target="_blank">Baca Selengkapnya...</a>. <a class="cookieConsentOK">OK</a>
</div>

3. JavaScript

Yg terakhir, Copy kode JavaScript di bawah ini, Pastekan di atas </body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script> //<![CDATA[
$(document).ready(function(){   
    setTimeout(function () {
        $("#cookieConsent").fadeIn(200);
     }, 4000);
    $("#closeCookieConsent, .cookieConsentOK").click(function() {
        $("#cookieConsent").fadeOut(200);
    }); 
}); 
//]]> </script>

alt gambar