Website Unique Visitor Counter Code Javascript

Website Unique Visitor Counter Code Javascript

3 min read Jun 18, 2024
Website Unique Visitor Counter Code Javascript

Website Unique Visitor Counter Code JavaScript

Ingin tahu berapa banyak pengunjung unik yang mengunjungi website Anda? Anda bisa menggunakan kode JavaScript untuk membuat penghitung pengunjung unik. Kode ini akan melacak pengunjung unik dan menampilkan jumlahnya pada website Anda.

Berikut adalah contoh kode JavaScript untuk membuat penghitung pengunjung unik:

// Fungsi untuk mendapatkan ID pengunjung unik
function getUniqueVisitorId() {
  if (localStorage.getItem('uniqueVisitorId')) {
    return localStorage.getItem('uniqueVisitorId');
  } else {
    const visitorId = generateUniqueId();
    localStorage.setItem('uniqueVisitorId', visitorId);
    return visitorId;
  }
}

// Fungsi untuk menghasilkan ID unik
function generateUniqueId() {
  return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
}

// Mendapatkan ID pengunjung unik
const visitorId = getUniqueVisitorId();

// Fungsi untuk meningkatkan jumlah pengunjung unik
function incrementUniqueVisitors() {
  // Ambil jumlah pengunjung unik dari localStorage
  let uniqueVisitors = localStorage.getItem('uniqueVisitors');
  if (uniqueVisitors) {
    uniqueVisitors = parseInt(uniqueVisitors);
  } else {
    uniqueVisitors = 0;
  }

  // Tingkatkan jumlah pengunjung unik
  uniqueVisitors++;

  // Simpan jumlah pengunjung unik ke localStorage
  localStorage.setItem('uniqueVisitors', uniqueVisitors);

  // Perbarui tampilan penghitung
  document.getElementById('uniqueVisitorCounter').innerHTML = uniqueVisitors;
}

// Panggil fungsi incrementUniqueVisitors() saat halaman dimuat
window.addEventListener('load', incrementUniqueVisitors);

Cara Menggunakan Kode:

  1. Simpan Kode: Simpan kode JavaScript di dalam file terpisah (misalnya, unique-visitor-counter.js).
  2. Tambahkan ke Halaman: Sertakan file JavaScript di dalam kode HTML halaman Anda:
    
    
  3. Tambahkan Elemen HTML: Tambahkan elemen HTML untuk menampilkan penghitung pengunjung unik di halaman Anda:
    0

Catatan:

  • Kode ini menggunakan localStorage untuk menyimpan ID pengunjung unik dan jumlah pengunjung unik.
  • Kode ini tidak akan melacak pengunjung unik secara akurat jika pengguna membersihkan riwayat peramban atau menggunakan mode penyamaran.
  • Untuk melacak pengunjung unik secara akurat, Anda memerlukan sistem pelacakan yang lebih canggih seperti Google Analytics.

Penting:

Kode ini hanya untuk demonstrasi dan mungkin tidak berfungsi dengan baik dalam situasi produksi.

Jika Anda ingin melacak pengunjung unik secara akurat dan aman, disarankan untuk menggunakan layanan analitik website yang terpercaya seperti Google Analytics.

Semoga artikel ini bermanfaat!