Space Iklan :085296206269

Responsive Ads Here

Jumat, 15 Desember 2017

Cara membuat Pageview pada Judul Artikel/blogger yang berbeda 100% Work

Hai Sobat Blogger , tips dan trik komputer saat ini banyak yang mencari bagaimana cara membuat pageview pembaca blog pada setiap judul artikelnya , banyak yang sudah memberikan sharing tetapi saat ini banyak yang sudah tidak aktif, script tidak bekerja lagi karena sudah expired atau habis masanya , mengingat banyaknya hal ini maka saatnya kami membagikan trik ini, dimana sobat blogger tidak meminjam script blogger lain untuk membuat pageview pada setiap judul artikel sobat, adapun cara kerja script ini adalah menghitung setiap halaman judul artikel yang dibuka oleh pengunjung dan menotalkan langsung update secara realtime dengan database milik firebase yang telah kita setting sebelumnya ,dan sobat bisa langsung membuatnya dan tidak tergantung dengan blog orang lain, bagaimana caranya ?

yuk langsung praktekin saja ya , berikut cara untuk membuat pageview pada setiap judul artikel sobat


  1. sebelum menentukan script untuk menghitung pageview sobat, pertama kita harus mentukan database sobat dulu dengan membuat new project di firebase,( Pastikan sobat telah login di Google , mengingat ini adalah project Google )  untuk membuatnya silahkan klik Buka Console firebase
    lalu ikut langkah-langkah berikut : Klik Add Project

  2. Isikan pada Project Name : nama project sobat , dan Country : negara sobat , kemudian klik Create Project

  3. Pada Menu , klik Develop -- Pilih Database --Get Started

  4. Pilihlah Rules -- gantilah isi Rules seperti pada Gambar di bawah ini , kemudian klik Publish

  5. Lalu Cek sudah ada Jquery atau belum, letaknya diatas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'></script>

Cara Membuat Page View Counter Blogger
  1. Silahkan Buka Blogger > Tema > Edit HTML, Simpan Javascript berikut diatas </body>
<script src='https://cdn.firebase.com/js/client/2.3.2/firebase.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://view-komtipstrik.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. Simpan HTML berikut untuk menampilkannya, contoh di bawah

<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>
 
     3. Jika sudah Save Tema sobat

(Jika Tidak Berhasil) Pastikan Kamu meletakkan HTML tersebut TIDAK terbungkus/memakai tag conditional.

Tag
Keterangan
https://view-komtipstrik.firebaseio.com
Ganti Dengan URL Firebase Kamu
 
Semoga Bermanfaat ya Sobat ...... share jika bermanfaat untuk sobat agar blogger lainnya juga mengetahui trick ini .

Tidak ada komentar:

Posting Komentar