Apa Itu Cookie? Bagaimana Situs Web Mengingat Anda

Cookie adalah potongan teks kecil yang diminta situs web untuk disimpan oleh browser Anda, lalu dikirim kembali setiap kali Anda berkunjung lagi ke situs tersebut. Begitulah situs web “mengingat” Anda — bahwa Anda sudah masuk, apa yang ada di keranjang, bahasa mana yang Anda pilih. Cookie hanyalah data, bukan program, tetapi karena mereka dapat mengidentifikasi Anda, mereka penting untuk keamanan maupun privasi.

Mengapa ini penting saat membangun dengan AI

Cookie berada di balik beberapa fitur yang akan Anda minta dari pembuat AI, sering kali tanpa kata “cookie” pernah muncul:

Login. Di sebagian besar aplikasi web, “tetap masuk” berarti cookie sesi. Cara cookie itu dikonfigurasi menentukan seberapa mudah ia dicuri.
Keranjang dan preferensi. Keranjang belanja yang bertahan setelah halaman dimuat ulang sering kali mengandalkan cookie atau penyimpanan browser.
Analitik dan iklan. Menambahkan Google Analytics, piksel Meta, atau widget chat biasanya juga menambahkan cookie dari perusahaan lain.
Pemberitahuan hukum. Di banyak tempat, sebagian cookie memerlukan persetujuan pengunjung terlebih dahulu, dan dari situlah banner cookie berasal.

Jika Anda tahu cookie apa yang diatur aplikasi Anda dan mengapa, Anda dapat membuat pilihan yang lebih baik untuk pengaturan keamanan, persetujuan, dan kebijakan privasi Anda.

Analogi sehari-hari

Bayangkan tiket penitipan mantel. Anda menyerahkan mantel dan mendapatkan tiket bernomor. Tiket itu tidak berisi mantel Anda — hanya sebuah nomor. Setiap kali Anda kembali ke konter, Anda menunjukkan tiketnya, dan petugas tahu mantel mana yang milik Anda.

Cookie sesi bekerja dengan cara yang sama. Saat Anda masuk, server menyimpan detail Anda di sisinya dan memberikan browser Anda sebuah tiket — ID acak yang panjang. Browser Anda menunjukkan tiket itu di setiap permintaan, dan server mencari tahu siapa Anda. Siapa pun yang menyalin tiket itu bisa mengambil mantelnya, itulah sebabnya cookie login perlu dilindungi.

Anda mengunjungi sebuah situs. Respons server menyertakan header seperti Set-Cookie: session_id=8f3k...; HttpOnly; Secure; SameSite=Lax.
Browser Anda menyimpannya, terikat ke domain situs tersebut.
Di setiap permintaan berikutnya ke situs yang sama, browser secara otomatis menambahkan Cookie: session_id=8f3k....
Server membacanya dan tahu bahwa itu Anda.

JavaScript halaman juga dapat membuat cookie, tetapi cookie yang paling penting — sesi login — sebaiknya diatur oleh server dan disembunyikan dari JavaScript.

Jenis	Artinya	Contoh
Cookie sesi	Tidak ada tanggal kedaluwarsa; dihapus ketika sesi browser berakhir	Langkah checkout yang singkat
Cookie persisten	Memiliki tanggal kedaluwarsa (`Expires` atau `Max-Age`) dan bertahan setelah restart	"Ingat saya selama 30 hari"
Pihak pertama	Diatur oleh situs di bilah alamat	Login Anda di situs tersebut
Pihak ketiga	Diatur oleh domain lain yang disematkan di halaman	ID pelacakan jaringan iklan
Benar-benar diperlukan	Dibutuhkan untuk layanan yang diminta pengguna	Sesi login, keranjang belanja
Tidak esensial	Berguna bagi pemilik situs	Analitik, iklan, A/B testing

Browser secara bertahap membatasi cookie pihak ketiga karena cookie itu digunakan untuk melacak orang lintas situs web. Beberapa browser utama kini memblokir banyak di antaranya secara default, dan detailnya terus berubah, jadi jangan membangun sesuatu yang penting di atas cookie pihak ketiga.

Contoh nyata: toko online kecil

Katakan Anda telah membangun toko yang menjual lilin buatan tangan. Berikut adalah cookie yang akan diatur oleh versi yang masuk akal, dan alasannya.

session — diatur ketika pemilik atau pelanggan masuk. Hanya berisi ID acak; server menyimpan data sesi yang sebenarnya. Pengaturan: HttpOnly (skrip halaman tidak dapat membacanya), Secure (hanya dikirim melalui HTTPS), SameSite=Lax (tidak dikirim pada sebagian besar permintaan yang dimulai oleh situs lain). Benar-benar diperlukan.

cart_id — memungkinkan pengunjung yang belum masuk menyimpan keranjang belanjanya. Ia menunjuk ke keranjang yang disimpan di database. Benar-benar diperlukan, karena pengunjung meminta untuk menambahkan barang ke keranjang.

theme — mengingat mode gelap. Ini bisa berupa cookie, tetapi tidak pernah perlu sampai ke server, jadi localStorage browser lebih sederhana.

Cookie analitik — ditambahkan jika Anda memasang alat analitik. Ini tidak esensial. Di UE dan Inggris, cookie ini umumnya memerlukan persetujuan sebelum diatur, sehingga skrip analitik sebaiknya menunggu sampai pengunjung mengklik “Terima”.

Perhatikan apa yang tidak disimpan toko ini di dalam cookie: nama pelanggan, alamat, atau detail kartu. Cookie ikut dalam setiap permintaan dan tinggal di perangkat pengguna, jadi cookie sebaiknya berisi ID, bukan data pribadi.

Istilah umum dijelaskan

Istilah	Artinya
Cookie	Pasangan nama-nilai kecil yang disimpan browser dan dikirim kembali ke situs.
`Set-Cookie`	Header respons yang digunakan server untuk membuat atau memperbarui cookie.
Sesi	Catatan server tentang pengguna yang sudah masuk, terhubung dengan ID cookie.
`HttpOnly`	Menghentikan JavaScript halaman dari membaca cookie, sehingga membatasi kerusakan dari skrip yang disisipkan.
`Secure`	Cookie hanya dikirim melalui koneksi HTTPS terenkripsi.
`SameSite`	Mengontrol apakah cookie dikirim pada permintaan dari situs lain (`Strict`, `Lax`, atau `None`).
`Expires` / `Max-Age`	Kapan cookie seharusnya dihapus.
Domain / Path	Alamat mana di situs yang menerima cookie.
localStorage	Penyimpanan browser yang dapat dibaca kode halaman, tetapi tidak dikirim ke server secara otomatis.
XSS	Cross-site scripting: skrip penyerang yang berjalan di halaman Anda, yang mungkin mencoba mencuri data.
CSRF	Cross-site request forgery: situs lain yang menipu browser agar mengirim permintaan dengan cookie Anda.
Persetujuan cookie	Meminta izin pengunjung sebelum mengatur cookie yang tidak esensial.

Kesalahan dan kesalahpahaman umum

"Cookie adalah virus." Cookie adalah teks biasa. Mereka tidak dapat menjalankan kode di komputer Anda.
Menyimpan data sensitif di cookie. Simpan ID acak dan simpan detailnya di server.
Token login di localStorage. Skrip apa pun yang berjalan di halaman dapat membaca localStorage, termasuk skrip yang disisipkan. Cookie HttpOnly tidak dapat dibaca sama sekali oleh skrip halaman.
Tidak menyertakan Secure dan HttpOnly. Kedua flag ini murah dan menutup celah yang umum.
Menganggap banner sudah mencakup semuanya. Banner yang memuat analitik sebelum ada yang mengklik “Terima” tidak menjalankan tugasnya.
Lupa logout. Logout seharusnya menghapus cookie dan mengakhiri sesi di server, sehingga cookie yang disalin berhenti berfungsi.
"Jika saya tidak memakai cookie, aturan privasi tidak berlaku." Aturan seperti GDPR mencakup data pribadi di mana pun disimpan — termasuk local storage, sidik jari perangkat, dan log server.

Yang perlu diminta ke pembuat AI Anda

"Daftarkan setiap cookie yang diatur aplikasi, untuk apa, berapa lama bertahan, dan apakah benar-benar diperlukan."
"Gunakan cookie HttpOnly, Secure, SameSite=Lax untuk sesi login. Jangan simpan token autentikasi di localStorage."
"Simpan hanya ID sesi acak di cookie; simpan data sesi di server."
"Saat logout, hapus cookie dan batalkan sesi di server."
"Jangan muat skrip analitik atau pemasaran sampai pengunjung menerimanya, dan ingat pilihan mereka."
"Tambahkan bagian cookie sederhana di kebijakan privasi yang sesuai dengan daftar di atas."

Untuk bagian persetujuan, lihat cara menambahkan persetujuan cookie. Untuk melihat bagaimana cookie berhubungan dengan login, baca apa itu autentikasi.

Mythex tidak menyediakan login bawaan untuk pengguna aplikasi Anda, jadi cookie yang diatur aplikasi Anda berasal dari kodenya sendiri dan alat yang Anda tambahkan ke dalamnya — misalnya cookie sesi dari pendekatan autentikasi yang Anda pilih. Mintalah agen di chat untuk mendaftarkannya, mengencangkan pengaturannya, atau menambahkan banner persetujuan, lalu periksa hasilnya di preview langsung sebelum Anda mempublikasikan. Resep dokumentasi tentang menambahkan login ke aplikasi Anda adalah prompt awal yang baik, dan keamanan untuk aplikasi yang Anda bangun membahas cara menjaga kunci dan rahasia tetap di luar browser.

Pertanyaan

Apa itu cookie di situs web?

Cookie adalah potongan teks kecil yang diminta situs web untuk disimpan oleh browser Anda. Browser mengirimkannya kembali di setiap permintaan berikutnya ke situs tersebut, yang memungkinkan situs mengingat hal-hal seperti apakah Anda sudah masuk atau apa yang ada di keranjang Anda.

Apakah cookie berbahaya?

Cookie hanyalah data, bukan program, sehingga tidak dapat menjalankan kode atau menginfeksi komputer. Kekhawatirannya adalah privasi, ketika cookie pihak ketiga melacak Anda lintas situs, dan keamanan, ketika cookie login dicuri dan dipakai untuk menyamar sebagai Anda.

Apa perbedaan antara cookie pihak pertama dan pihak ketiga?

Cookie pihak pertama diatur oleh situs yang ada di bilah alamat Anda, seperti cookie login. Cookie pihak ketiga diatur oleh domain lain yang disematkan di halaman, seperti jaringan iklan, dan sering digunakan untuk mengikuti Anda di banyak situs.

Apakah saya membutuhkan banner cookie?

Tergantung di mana pengguna Anda berada dan cookie apa yang Anda gunakan. Di UE dan Inggris, cookie yang tidak esensial seperti analitik atau iklan umumnya memerlukan persetujuan terlebih dahulu, sedangkan cookie yang benar-benar diperlukan untuk layanan, seperti sesi login, biasanya tidak. Periksa aturan yang berlaku untuk Anda.

Apa perbedaan antara cookie dan localStorage?

Keduanya menyimpan data di browser. Cookie dikirim ke server secara otomatis di setiap permintaan, yang cocok untuk login. localStorage tetap berada di browser dan hanya dibaca oleh kode halaman itu sendiri, yang cocok untuk preferensi seperti tema.