Skip to main content

Cara Menampilkan Jumlah View di Blogger Terbaru 2019 Mudah

Blog ABIHP.com - Cara menampilkan jumlah view pengunjung pada setiap postingan di blogger diperlukan bagi Anda yang ingin agar kelihatan lebih menarik dan juga agar mudah bagi Anda untuk memonitor jumlah tayangan pada setiap halaman artikel yang sudah diterbitkan.

Jadi di sini kita akan menggunakan script dari Firebase yang merupakan salah satu produk dari Google dan nantinya anda bisa login untuk mendapatkan script ini dengan menggunakan akun Google (gmail) Anda, dan view count-nya benar-benar realtime sehingga sekali saja Anda refresh halaman yang sudah dipasang skrip ini maka akan bertambah pula hitungan yang tampil.

Baca juga: Cara Migrasi dari Wordpress ke Blogger

Q & A

  1. Memangnya di blogger bisa dipasang view count gitu, kan perlu hosting sendiri?
    • Untuk itulah kita pakai Firebase
  2. Sudah ada juga yang buat artikel untuk menampilkan jumlah pengunjung menggunakan Firebase ini
    • Iya, tapi mudah-mudahan tutorial ini lebih mudah untuk diikuti
  3. Ada contoh halaman blogger yang sudah memakai scrip view count ini?
    • Silahkan lihat di akhir artikel Cara Menggunakan Aplikasi Android di PC (url : https://qgdptool.blogspot.com/2019/09/download-qgdp-tool-customer-v100.html)
  4. Ada screenshot tampilannya tidak?
    • Silahkan 
  5. Bisa tidak kalau jumlah viewnya kita ubah sesuai selera?
    • Saat kita pasang maka tampilan dimulai lagi dari 0 walaupun sebelumnya halaman tersebut sudah dibaca ribuan kali
    • Tapi kalau ada yang bisa ubah jumlah viewnya tolong dishare ya.
  6. Terus bagaimana cara masangnya?
    • Silahkan lihat di bawah ini.

Tahapan Memasang View Count Blogger

A. Membuat ID Firebase

  1. Silahkan login ke console Firebase Google
  2. kemudian pilih Tambahkan / Buat Proyek 
    Buat Project
  3. Pada Langkah 1 dari 3 silakan isi Nama Proyek sesuai keinginan Anda lalu klik Lanjutkan 
    Project View Blogger
  4. Kemudian pada pada langkah 2 dari 2 di Google Analytics untuk project Firebase Anda silakan nonaktifkan (toggle OFF) kemudian klik Buat Project 
    Buat Project View Blogger
  5. Tunggu proses loading
  6. Muncul notif Projet baru Anda telah siap maka klik tombol Lanjutkan 
    Project View Blogger Siap
  7. Di halaman berikutnya di menu bilah kiri pilih Develop > Database
  8. Kemudian di kanan scroll kebawah dan pilih Buat Database pada RealTime Database Buat database baru di Realtime untuk membuat view count.
  9. Pilih Mulai dalam Mode Pengujian lalu klik Aktifkan Mengaktifkan mode pengujian firebase untuk view count blogger.
  10. Kemudian catat ID Firebase anda seperti pada gambar  

B. Pasang scrip View Count di blogger

  1. Buka edit HTML pada template blogger Anda
  2. Cari kode </body> dan paste script ini di atasnya
    <script src='https://cdn.firebase.com/js/client/2.3.2/firebase.js' type='text/javascript'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'></script>
    <script type='text/javascript'>//<![CDATA[
    // View counter
    $.each($(".post-view[data-id]"),function(c,f){var b=$(f).parent().find("#postviews").addClass("view-load"),d=new Firebase("https://ID-FIREBASE.firebaseio.com/pages/id/"+$(f).attr("data-id"));d.once("value",function(e){var h=e.val(),g=!1;null==h&&(h={},h.value=0,h.url=window.location.href,h.id=$(f).attr("data-id"),g=!0),b.removeClass("view-load").text(h.value),h.value++,"/"!=window.location.pathname&&(g?d.set(h):d.child("value").set(h.value))})});
    //]]></script>
    
    
    Silahkan ganti tulisan ID-FIREBASE dengan id firebase Anda seperti tahapan A. nomor 7
  3. Kemudian untuk menampilkan View Count silahkan paste kode di bawah ini setelah kode <data:post.body/> atau di tempat yang Anda inginkan
    <span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> 
    <span class='view-load' id='postviews'>0</span> Viewers
    </span>
  • Simpan



Sekarang silahkan masuk ke salah satu halaman posting Anda, untuk pertama kali masih 0, silahkan refresh untuk melihat jumlah view akan bertambah.

Update : Cara Menyesuaikan Jumlah view awal 
Donasi: Cukup dengan membagikan salah satu artikel blog ini di media sosial Anda berarti sudah ikut mensupport ABIHP.com.

Jangan lupa mengulas blog ini di Google My Bussiness Berikan ulasan
Buka Komentar
Tutup Komentar