How to Create a Page View Counter on Blogger Without Using Firebase

Techno Mania - How to Create a Page View Counter on Blogger Without Using Firebase - As the name implies without using firebase, why should it be without using firebase? In my opinion, using Firebase is a little complicated because I have to create an account first. If you don't know what the page view counter is yet? First, read a brief explanation of the page view counter below.

What is Page View Counter?

If translated in English, that means the web counter or you could say hit counter. So what? So the page view counter is to show the number of users or click a certain page.

Then What Are the Advantages of Using Page View Counter?

The advantage is that you don't need to create a firebase account first, and it's easier if you don't use firebase because you only have to follow the tutorial.

If you already know what a page view counter is and its advantages, let's just go ahead with the tutorial.

How to Install Page View Counter on Blogger

First, you enter Blogger > select the Theme menu > click Edit HTML , look for the <b:if cond='data:top.showAuthor'> usual code, the code is not in all templates, if there is no search for code similar to the code.

If you have found add the code below just before the closing tag</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>

Next, add the code below right above the code </body>or&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>

Finally, save the Theme and see the results. For demo Admin, have prepared the button below.

Result

So, how to make it easier without having to create a Firebase account first. That's all for this tutorial, if there is a mistake, forgive me. That is all and thank you.

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