Membuat Visitor Counter dengan JavaScript

Beberapa hari ini saya ada sedikit project Web. Sambil mengisi waktu luang dan mengingat baris demi baris kode yang sedikit terlupakan.

Dalam proses pengerjaan ada permintaan untuk menampilkan berapa kali web tersebut dikunjungi. Tentunya pilihan yang paling tepat adalah dengan memasang widget Hitstat. Akan tetapi lumayan pengaruh ungtuk loading blog.

Setelah mencari yang simple akhirnya menemukan dengan menggunakan Counter API, lumayan ringan dan hasilnya seperti ini.

UPDATE: CountAPI.xyz server down. Tutorial ini sudah tidak bisa digunakan. Untuk solusi silahkan gunakan tutorial terbaru Firebase View Counter

Atau apabila sobat ingin melihat halaman DEMO silahkan, sekalian cek reload pagenya

Untuk memasangnya, silahkan JavaScript ini di atas </body>

<script>
function cb(response) {
    document.getElementById('count').innerText = response.value;
}
</script>
<script async src="https://api.countapi.xyz/hit/kang-ismet.com/visits?callback=cb"></script>

silahkan ganti kang-ismet dengan domain sobat, kemudian untuk menampilkannya, silahkan simpan HTML ini

<p>This page was viewed</p>
<h1 id="count">0</h1>
<p>times</p>

Untuk kata-kata, bisa disesuaikan

Semoga bermanfaat

Berita Lebih Baru Berita Lebih Lama
  • Muhamad Sahrudin
    Profil: https://www.blogger.com/profile/17474781374411105225
    19 Maret, 2023

    Tidak per artikel ya mas? Ketika saya coba pasang di artikel, hits ternyata di hitung dari semua page, apakah bisa di modifikasi berdasarkan hits per artikel mas?

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      22 Maret, 2023

      Untuk per artikel gunakan tutorial ini https://www.kang-ismet.com/2023/03/countapi-blogger-visitor-counter-widget.html

    • Muhamad Sahrudin
      Profil:https://www.blogger.com/profile/17474781374411105225
      22 Maret, 2023

      Sudah mas terimakasih, saya terlalu cepat berkomentar sebelum berselancar haha.

    • Muhamad Sahrudin
      Profil:https://www.blogger.com/profile/17474781374411105225
      22 Maret, 2023

      Oh iya mas, kalau vistor counter artikel begini apa memungkinkan kalau diambil berdasarkan hits statistik dashboard artikel? Rata rata saya nyari tutornya kebanyakan dihitung setelah script dipasang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Maret, 2023

      Harusnya bisa kalau pake Google API tapi belum nemu caranyya.. jadi gimana caranya mindahin dari dashboard ke halaman posting ya hehe

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
5 Komentar