Cara menggunakan Generator Banner Cookie
- Pilih tata letak — bilah, kotak di pojok, atau dialog di tengah — lalu ubah judul, pesan, dan label tombol.
- Biarkan Pengaturan aktif agar pengunjung bisa memilih kategori (analytics, marketing, preferensi), lalu tautkan kebijakan privasi kamu.
- Biarkan Google Consent Mode v2 aktif jika kamu memakai Google Analytics atau Ads: tempel snippet 1 di
<head>sebelum tag Google kamu. - Tempel snippet 2 sebelum
</body>, lalu tambahkan tautan “Pengaturan cookie” ke#cookie-settingsdi footer kamu.
Fungsi banner ini
- Muncul saat kunjungan pertama dan menyimpan pilihan pengunjung di
localStorage(bukan cookie) selama jumlah hari yang kamu tentukan. - Terima semua, Tolak semua, dan Pengaturan — menolak cukup satu klik dan sama terlihatnya dengan menerima, sesuai yang diharapkan regulator berdasarkan GDPR.
- Tautan apa pun ke
#cookie-settingsakan membuka kembali pengaturan, sehingga pengunjung bisa mengubah pilihan kapan saja. - Memblokir tag lain sampai ada persetujuan: skrip yang diberi
type="text/plain" data-cookie-category="analytics"(atau marketing, preferences) dan iframe dengandata-srchanya berjalan setelah pengunjung menyetujui kategori tersebut. Mencabut persetujuan akan memuat ulang halaman agar skrip berhenti. - Banner memicu event
cookie-consentpadadocumentbeserta pilihannya, sehingga kamu bisa memuat skrip lain hanya setelah persetujuan.
Google Consent Mode v2
Snippet 1 mengatur semua sinyal persetujuan Google — ad_storage, ad_user_data, ad_personalization, dan analytics_storage — ke ditolak sebelum tag Google dimuat. Saat pengunjung memilih, banner akan memperbarui statusnya: analytics ke analytics_storage, marketing ke tiga sinyal iklan. Google Analytics kemudian hanya merekam data lengkap dari pengunjung yang setuju, dan mengirim ping tanpa cookie untuk yang lain. Sejak Maret 2024, Google mewajibkan Consent Mode v2 untuk pengukuran iklan pada pengunjung di Wilayah Ekonomi Eropa.
Ini adalah alat teknis, bukan nasihat hukum: cantumkan cookie yang benar-benar kamu gunakan di kebijakan privasi, dan periksa apa yang diwajibkan di negaramu. Terkait: Tracking Tag Checker, Meta Tag Generator.
Juga dicari sebagai: banner cookie gdpr, cookie consent code, google consent mode v2, popup cookie html, banner cookie gratis, cara pasang banner cookie webflow, generator pemberitahuan cookie.
Tool yang cocok dipakai bersama Generator Banner Cookie
- CSP Generator — Pilih apa saja yang dimuat situsmu — script, style, gambar, font, analytics, embed — lalu dapatkan Content-Security-Policy yang hanya mengizinkan itu, dengan peringatan untuk pengaturan yang berisiko.
- Cek SEO & Audit Situs — Tempel URL untuk menjalankan hingga 70 cek SEO on-page plus audit situs lengkap: kecepatan Lighthouse, header keamanan & SSL, data terstruktur, link rusak, robots.txt & crawler AI, dasar aksesibilitas, tracking & persetujuan, SPF/DKIM/DMARC, serta masa berlaku domain.
- HTML & CSS ke Webflow — Tempel HTML dan CSS-nya, klik Copy to Webflow, lalu tempel di Designer.
- Analisis Header Email — Tempel header mentah dari email untuk melihat seluruh perjalanannya: setiap lompatan server beserta waktu tempuhnya, hasil SPF, DKIM dan DMARC, IP asal, serta tanda bahaya seperti Reply-To atau Return-Path yang tidak cocok.
Pertanyaan yang sering diajukan
Bagaimana cara menambahkan banner cookie di Webflow?
Tempel snippet 1 ke Site settings → Custom code → Head (sebelum tag Google kamu) dan snippet 2 ke Footer code, lalu publikasikan. Tambahkan tautan footer ke #cookie-settings agar pengunjung bisa membukanya kembali.
Apakah Google Analytics diblokir sampai ada persetujuan?
Dengan Consent Mode v2, Google Analytics tetap dimuat tetapi tidak menyimpan cookie sampai pengunjung menyetujui analytics — hanya mengirim sinyal tanpa cookie. Untuk menjaga skrip lain tetap tidak aktif sepenuhnya, muat skrip tersebut di listener untuk event cookie-consent.
Apakah tombol Tolak wajib ada?
Berdasarkan GDPR, menolak harus semudah menerima, dan beberapa regulator Uni Eropa telah mendenda situs yang menyembunyikan opsi tolak. Generator ini menempatkan Tolak di samping Terima dengan bobot yang sama secara default.
Bisakah banner ini memblokir skrip sampai pengunjung setuju?
Bisa. Tempel tag kamu di langkah 3: setiap tag akan mendapat type="text/plain" dan data-cookie-category, sehingga browser tidak menjalankannya. Banner mengaktifkannya saat pengunjung menyetujui kategori tersebut, sementara tag yang diperlukan tetap berjalan seperti daftar izin. Iframe seperti embed YouTube juga menunggu dengan cara yang sama melalui data-src.
Di mana pilihan pengunjung disimpan?
Di browser pengunjung (localStorage), dengan versi dan tanggal, sehingga banner akan muncul lagi setelah jangka waktu yang kamu atur atau saat kamu mengubah versinya.
Bisakah saya memasang Generator Banner Cookie sebagai aplikasi web dan memakainya offline?
Bisa. Generator Banner Cookie adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.