Cara Menampilkan Page Views disetiap Postingan Blog dengan Firebase

Setelah obrak abrik mbah google akhirnya nemu juga cara menampilkan counter view tiap postingan di blogger. Kalo mungkin di wordpress sudah biasa tapi di blogger agak repot karena adanya code yang expired atau perlu pembaruan terkadang juga tidak support di template yang anda gunakan.

Baik, langsung saja saya share cara menampilkan jumlah pengunjung setiap postingan di blogger.

1. Langkah pertama anda harus login di Firebase Google
2. Maka tampilannya akan seperti berikut. anda buat proyek baru


3. Jika sudah , silahkan anda beri nama proyek dan isikan negara anda dan klik buat proyek


4. Kemuadian anda akan memasuki menu dashboard silahkan ke Database dan mulai



5. Ganti "auth != null", dengan true, dan publikasikan lihat gambar



6. Kemudian copy url firebase anda dan kembali ke Dashboard blogger anda.

1. Tema > Edit HTML . Cari code </body> denga control+f  . Kemudian Copy kode berikut di atas </body>  . Ganti pageview dengan url firebase anda.

<script src='https://cdn.firebase.com/js/client/2.3.2/firebase.js' type='text/javascript'></script><br />
<br />
<br />
<br />
<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://pageview.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>

2. Kemudian cari kode .showAuthor kemudian pastekan di atas .showAuthor kode dibawah ini

<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><br /><br />
<br /><br />

3. Dan save tema anda .