Lompat ke konten Lompat ke sidebar Lompat ke footer

Menganalisis Pola Kunjungan HTML Menggunakan Cookie DOM

Hampir setiap website selalu menggunakan cookies pada setiap komputer user untuk mengenali dan menjaga pola atau rute dari suatu referensinya. Properti DOM cookies diatur untuk mendapatkan semua nilai atau key yang cocok terhadap cookies yang berasosiasi dengan dokumen saat ini.

2 Contoh Penggunaan Properti Cookie DOM pada HTML
Ilustrasi Properti Cookie DOM HTML

Sebelum memahami lebih dalam materi tentang Menganalisis Pola Kunjungan HTML Menggunakan Cookie DOM, terlebih dahulu pelajari materi tentang: Menutup Output HTML Menggunakan close() DOM HTML [klik], Mengatur Elemen Body Menggunakan Properti Body DOM HTML [klik], dan Properti baseURI DOM HTML dan Fungsinya [klik].

Mendapatkan Semua Cookies:
Method document.cookie berfungsi untuk mengembalikan sebuah yang dipisahkan oleh semicolon dari semua cookies (key=value pairs) pada file dokumen tersebut.

Sintak:
document.cookie


Contoh: 
berikut adalah program untuk mendapatkan semua cookies yang berasosiasi dengan dokumen saat ini.

<!DOCTYPE html>

<html>

 

<head>

<title>

Cookie

</title>

 

<style>

h1

{

color:green

}

</style>

</head>

 

<body onload="getCookies()">

 

<h1>

Blog Elfan

</h1>

 

<h3>

Cookies disiapkan pada dokumen berikut:

</h3>

 

<!-- Paragraph element untuk menampilkan semua all cookies -->

<p id="cookies"></p>

 

<!-- Melakukan Fetch cookies dan menampilkannya pada bagian atas paragraf elemen -->

<script>

function getCookies() 

{

document.getElementById("cookies").innerHTML =

document.cookie;

}

</script>

 

</body>

 

</html>


Mengatur Cookies:
Sebuah cookies dapat dibuat untuk dokumen saat ini dengan cara menyediakan sebuah string yang mengandung key=value pair yang dipisahkan dengan tanda koma terhadap cookies-cookies lainnya atau dari setiap nilai yang ditentukan:
  • expires=date: Tanggal pada format GMT. Secara default, cookie akan expire ketika browser ditutup.
  • path=path: menentukan direktori untuk menyimpan cookie pada komputer. Secara default, path diatur menuju path dari lokasi dokumen saat ini.
  • max-age=seconds
  • domain=domainname: menentukan nama domain dari cookie. Jika tidak ditentukan, maka nilai default-nya adalah nama domain dari halaman saat ini.
  • secure=boolean: ditentukan jika cookie harus dikirim ke sepanjang https server.

Sintak:
document.cookie = NewCookie

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Cookie

</title>

 

<style>

h1

{

color:green

}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<!-- Nama Cookie -->

<input 

type="text" 

id="key" 

placeholder="Name">

 

<!-- Value Cookie -->

<input 

type="text" 

id="val" 

placeholder="Value">

 

<br>

 

<!-- button to set Cookie -->

<button 

onclick="setCookie()">

Mengatur Cookie

</button>

 

<br>

 

<!-- Tombol get Cookie -->

<button 

onclick="getCookie()">

Get Cookie

</button>

 

<!-- Elemen Paragraf Kosong untuk Menampilkan Cookie -->

<p id="cookies"></p>

 

<script>

// Set Cookie

function setCookie() 

{

document.cookie =

document.getElementById('key').value + "="

+ document.getElementById('val').value;

}

 

// Get Cookie

function getCookie() 

{

document.getElementById("cookies").innerHTML =

document.cookie;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan




Artikel ini didedikasikan kepada: Ahmad Faishal Hidayat, Aji Muhammad Ryanto, Aji Rohman Subekti, Alfina Damayanti, dan Alfirha Auliyadiqna Sugi Purbandari.

6 komentar untuk "Menganalisis Pola Kunjungan HTML Menggunakan Cookie DOM"

  1. Apa yang dimaksud dengan properti cookie pada elemen html?

    BalasHapus
    Balasan
    1. Properti cookie pada DOM HTML digunakan untuk membuat, membaca, dan menghapus cookie. Cookie digunakan oleh situs web untuk melacak informasi spesifik pengguna. Cookie dalam format key=value pair. Cookie akan dihapus segera setelah browser ditutup tetapi pengguna tetap dapat menemukan tanggal kadaluwarsanya.

      Hapus
  2. Apa yang dimaksud dengan cookie pada web browser?

    BalasHapus
    Balasan
    1. Cookie HTTP atau Cookie Web Browser adalah potongan kecil data yang dikirimkan server ke web browser pengguna. Browser dapat menyimpan cookie tersebut dan mengirimkannya kembali ke server yang sama dengan permintaan selanjutnya.

      Hapus
  3. Sebutkan jenis browser yang dapat digunakan untuk mengaktifkan properti cookie pada html?

    BalasHapus
    Balasan
    1. Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan cookie properti pada html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -