Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Visitor Counter dengan JavaScript

How to create counter visitor with 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. Untuk solusi silahkan gunakan 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

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

5 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. 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?
    1. Untuk per artikel gunakan tutorial ini https://www.kang-ismet.com/2023/03/countapi-blogger-visitor-counter-widget.html
    2. Sudah mas terimakasih, saya terlalu cepat berkomentar sebelum berselancar haha.
    3. 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.
    4. Harusnya bisa kalau pake Google API tapi belum nemu caranyya.. jadi gimana caranya mindahin dari dashboard ke halaman posting ya hehe
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.