Cara Membuat Page View Counter di Blogger Tanpa Menggunakan Firebase


RENDIANSYAH - Cara Membuat Page View Counter di Blogger Tanpa Menggunakan Firebase - Sesuai dengan namanya tanpa menggunakan firebase, kenapa harus tanpa menggunakan firebase? Jika menurut saya menggunakan firebase sedikit rumit karena harus membuat akun terlebih dahulu. Jika belum tahu apa itu page view counter? Bacalah terlebih dahulu penjelasan singkat tentang page view counter dibawah ini.

Apa itu Page View Counter?

Jika diterjemahkan dalam bahasa indonesia yaitu artinya Penghitung web atau bisa dibilang hit counter. Jadi apa? Jadi page view counter adalah menunjukkan jumlah penggunjung, atau mengklik sebuah halaman tertentu.

Lalu Apa Kelebihannya Menggunakan Page View Counter?

Kelebihannya yaitu tidak perlu membuat akun firebase terlebih dahulu, dan lebih mudah jika tanpa menggunakan firebase karena tinggal mengikuti tutorial saja.

Jika sudah tahu apa itu page view counter dan kelebihan, mari langsung saja ketutorialnya.

Cara Memasang Page View Counter di Blogger

Pertama, Anda masuk kedalam Blogger > pilih menu Tema > klik Edit HTML, cari kode <b:if cond='data:top.showAuthor'> biasa kode tersebut tidak ada di semua template, jika tidak ada cari saja kode yang serupa dengan kode tersebut.

Jika sudah ketemu tambahkan kode dibawah tepat sebelum tag penutup </b:if>

<b:if cond='data:view.isPost'><i class='fa fa-eye'/><span id='busuanzi_container_page_pv' style='display:none'><span id='busuanzi_value_page_pv'/> Kali</span></b:if>

Selanjutnya, tambahkan kode dibawah ini tepat diatas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script type='text/javascript'>
//<![CDATA[
var bszCaller,bszTag;!function(){var c,d,e,a=!1,b=[];ready=function(c){return a||"interactive"===document.readyState||"complete"===document.readyState?c.call(document):b.push(function(){return c.call(this)}),this},d=function(){for(var a=0,c=b.length;c>a;a++)b[a].apply(document);b=[]},e=function(){a||(a=!0,d.call(window),document.removeEventListener?document.removeEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.detachEvent("onreadystatechange",e),window==window.top&&(clearInterval(c),c=null)))},document.addEventListener?document.addEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.attachEvent("onreadystatechange",function(){/loaded|complete/.test(document.readyState)&&e()}),window==window.top&&(c=setInterval(function(){try{a||document.documentElement.doScroll("left")}catch(b){return}e()},5)))}(),bszCaller={fetch:function(a,b){var c="BusuanziCallback_"+Math.floor(1099511627776*Math.random());window[c]=this.evalCall(b),a=a.replace("=BusuanziCallback","="+c),scriptTag=document.createElement("SCRIPT"),scriptTag.type="text/javascript",scriptTag.defer=!0,scriptTag.src=a,document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)},evalCall:function(a){return function(b){ready(function(){try{a(b),scriptTag.parentElement.removeChild(scriptTag)}catch(c){bszTag.hides()}})}}},bszCaller.fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback",function(a){bszTag.texts(a),bszTag.shows()}),bszTag={bszs:["site_pv","page_pv","site_uv"],texts:function(a){this.bszs.map(function(b){var c=document.getElementById("busuanzi_value_"+b);c&&(c.innerHTML=a[b])})},hides:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="none")})},shows:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="inline")})}};
//]]>
</script>

Terakhir, simpan Tema dan lihat hasilnya. Untuk demo Admin sudah siapkan tombol dibawah ini.


Jadi, bagaimana mudahkan tanpa harus membuat akun Firebase terlebih dahulu. Sekian disini saja tutorial kali ini jika ada salah kata ma'afkan saya. Sekian dan terimakasih.

Source : https://www.nurhadibachtiar.com/2020/04/cara-membuat-page-view-counter-blogger-tanpa-firebase.html

Post a Comment

Previous Post Next Post