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.

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

Disqus Comments