Menambahkan 1 Bilah Kue Mengambang yang Andal di Footer Situs WordPress

Diterbitkan: 2024-02-16

Menambahkan bilah cookie mengambang di footer situs WordPress

Hari ini kami akan memberi Anda cara praktis untuk menambahkan bilah cookie mengambang WordPress di area footer untuk memberi tahu audiens Anda bahwa situs web Anda mengumpulkan cookie.

Daftar isi

Bilah cookie mengambang juga dikenal sebagai spanduk persetujuan cookie atau bilah notifikasi cookie. Ini adalah fitur umum yang digunakan oleh situs web untuk mematuhi berbagai undang-undang privasi seperti GDPR di Uni Eropa dan undang-undang privasi negara lainnya.

Ini adalah cara sempurna untuk menunjukkan kepatuhan situs Anda terhadap semua undang-undang internasional yang relevan, termasuk Petunjuk ePrivasi UE, Petunjuk Cookie UE, dll.

Cookies adalah potongan file atau informasi penting yang dikirimkan dari suatu situs web ke PC pengguna melalui web browser dalam bentuk potongan teks.

Meskipun deskripsi sederhana ini mungkin terdengar rumit, ini merupakan mekanisme berguna yang bertujuan untuk mengidentifikasi dan melacak pengguna online, mengingat informasi tertentu (seperti item yang telah Anda tambahkan ke keranjang belanja online) atau mencatat detail penelusuran dan aktivitas (halaman yang dikunjungi, login).

Misalnya, ketika Anda menjelajahi situs web menggunakan cookie dan memasukkan informasi pribadi Anda untuk mendaftar atau masuk, informasi pribadi tersebut dengan nama, alamat email, dll. dimasukkan ke dalam cookie dan diterima oleh browser untuk disimpan.

floating cookies bar WordPress

Dan setiap kali Anda mengunjungi situs web tersebut untuk lain waktu, browser Anda akan mengirimkan cookie ke server. Artinya Anda tidak perlu memasukkan detail Anda setiap kali mengunjungi situs tersebut.

Oleh karena itu, cookie memudahkan Anda menjelajahi dan menavigasi situs web, menangani pengisian formulir, dan banyak lagi.

Meskipun pembuatan dan penyimpanan cookie adalah proses otomatis yang secara teknis tidak mengganggu pengguna web Anda, Anda wajib memberi tahu mereka bahwa situs web Anda mengumpulkan cookie.

Dan mereka harus menerimanya, atau terus saja (sesuai keadaannya) yang juga berarti bahwa mereka memberikan persetujuannya.

Sekarang, ketika kita telah merangkum pentingnya cookie dalam bentuk digital, mari kita ungkapkan cara Anda dapat menambahkan bilah cookie mengambang WordPress di area footer.

Jika Anda ingin konten penting seperti konten cookie selalu terlihat oleh pengunjung situs web Anda, cara terbaik adalah memasukkannya ke bilah footer mengambang.

Mari kita mulai dengan pembuatan manual floating cookies bar di footer dengan menggunakan klien FTP atau pengelola file cPanel.

Sedangkan untuk klien FTP, mereka perlu memasukkan file footer.php ke dalam folder tema WP mereka dan mengunduhnya ke desktop.

Langkah selanjutnya adalah membuka footer. file php di editor teks apa pun dan tambahkan kode yang disebutkan di bawah ini tepat sebelum tag awal:

 <div>
<div>
<ul>
<li><a> Pemberitahuan cookie adalah Item Pertama</a></li>
<li><a>WordPress.org adalah Item Kedua</a></li>
</ul>
</div>
</div>

Berikutnya adalah bagian dari kontrol gaya CSS untuk menghasilkan visualisasi yang diperlukan dari bilah cookie mengambang WordPress Anda di area footer. Anda dapat melakukan ini dengan menambahkan CSS ke file style.css template Anda atau melalui salah satu plugin CSS khusus.

Pada titik ini, kita perlu menggunakan jQuery sehingga item yang termasuk dalam daftar Anda akan ditampilkan secara acak setiap kali halaman dimuat.

Salin tautan di bawah ini di editor teks apa pun:

 (fungsi($) {
ini.tip acak = fungsi(){
	var panjang = $("#tips li").panjang;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:anak ke-n(" + berlari + ")").show();
};

$(dokumen).siap(fungsi(){	
	tip acak();
});
})(jquery);

Kemudian simpan file ini sebagai floatingbar.js dan lanjutkan dengan klien FTP Anda untuk menghubungkan server web Anda. Sekarang masuk ke folder tema dan tempatkan folder js. Jika tidak ada folder seperti itu, Anda perlu membuatnya lalu menambahkan floatingbar.js ke folder itu.

Langkah selanjutnya untuk menyalin kode di bawah ini ke file function.php:

 fungsi wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );

Selesai! Anda telah berhasil menambahkan bilah cookie mengambang WordPress di area footer. Sekarang Anda dapat mencoba memuat ulang halaman web Anda untuk melihat tampilan acak item yang termasuk dalam daftar Anda.

Jika Anda merasa kewalahan dengan semua kontrol pengkodean yang dijelaskan di atas, kami menawarkan Anda untuk mempertimbangkan opsi alternatif yang tidak terlalu merepotkan seputar kode.

Ada notifikasi cookie yang berguna dan plugin WP persetujuan cookie untuk dengan mudah menambahkan bilah cookie mengambang WordPress di area footer atau di tempat lain di situs Anda.

1. Pilihan Kue Italia:

italy cookie choices

download

Meskipun plugin ini siap memberi Anda lebih banyak fungsi daripada yang mungkin Anda perlukan, plugin ini adalah salah satu solusi terkait cookie populer yang dapat Anda miliki untuk situs WP Anda.

Unggah folder yang relevan ke direktori Anda dan aktifkan melalui Dasbor, Plugin Anda. Lalu buka Pengaturan, Pilihan Cookie Italia untuk mengonfigurasi plugin agar memenuhi kebutuhan Anda.

Dengan plugin ini Anda dapat dengan cepat mengatur gaya, memodifikasi, dan menemukan bilah cookie Anda di area footer dan memberi tahu pengunjung situs web Anda tentang kebijakan cookie Anda hanya saat pertama kali mereka mengunjungi situs Anda.

Anda bebas memilih apakah akan menampilkan cookie bar Anda dalam bentuk standar, dengan tombol besar atau kecil. Anda juga yang menentukan posisinya: atas, dialog, bawah.

2. Info Hukum Cookie:

download

Plugin berikutnya yang memenuhi kebutuhan Anda disebut Cookie Law Info. Dioptimalkan oleh pengguna dan pengembang, plugin ini memiliki lebih dari 200.000 pemasangan aktif dan ribuan klien yang puas.

Produk ini tidak memerlukan pengetahuan pengkodean apa pun dari Anda dan memungkinkan untuk mengonfigurasi bilah cookie dengan teks, warna, gaya spesifik Anda, dll. Ini akan memungkinkan Anda memadupadankan bilah cookie dengan keseluruhan desain dan tampilan situs Anda.

Adapun manfaat lain yang akan Anda dapatkan jika memilih Cookie Law Info, Anda akan dapat menerjemahkan teks Anda ke berbagai bahasa kapan pun diperlukan karena plugin ini sepenuhnya kompatibel dengan plugin WPML dan qTranslate.

Oleh karena itu, dengan plugin ini Anda dapat memilih apakah Anda ingin menampilkan bilah cookie di header atau footer, mengonfigurasi bilah agar menghilang setelah beberapa detik, atau menerima kebijakan cookie jika pengguna situs web menggulir.

Plugin WordPress Terkait Lainnya: Plugin GDPR WordPress