in ,

Working Method on How to Add Post Views Counter on your Blog

,Keyword, ,post views counter widget for blogger, ,display post views count in blogger, ,post views count html code, ,how to check number of views on blogger, ,blogger view count, ,blogger visitor tracking, ,visitor counter for blogger, ,how to add page views in blogger, ,Keyword, ,blogger visitor tracking, ,how to check number of views on blogger, ,blogger track, ,blog view, ,hit counter, ,how to add total page view counter on blogger, ,how to get traffic to my blog for free, ,how to increase blog traffic fast, ,how to get your blog noticed by google, ,grow traffic to blog, ,best traffic sources for blogs, ,what is the characteristic of a niche blog?, ,blogger view count, ,blogspot, ,how to know who visited my blog, ,blogger stats, ,how to check blog traffic on wordpress, ,how to check traffic of a blog, ,can you see who views your blog on wordpress, ,how to get followers on blogger fast, ,blogs with the most traffic, ,how to make your blog popular on blogger,mashbyte.com,mashbyte,cobiegh ,wordpress com seo,

A time comes in a Blogger’s life or a content marketer’s life where we always wish to please our readers or viewers by making things easier for them to navigate through our posts and to know how many views or how popular a post is …. Therefore we look for ways to do this using what everyone knows to be “Firebase” which can be use to accomplish this….

But along the line, many finds it difficult in implementing or installing this on both Firebase and on their blogs.. But today i will show you a simple way to add this to your blog without using any Firebase or third party services…
I urge you not to skip anything in this post so that we can all arrive at our goal… so lets continue……….

What is A Post Views Counter?

Post view counter is a code used to show the total number of views a post had to the audience or readers of our blogs.

Important of Post View Counter

It:-

  • Live view updates.
  • Show view to anyone of your post.
  • Show your post view instantly.
  • Post look’s more clickable.
  • Many more…

Note!!: this method will somehow affect your Site speed, but if your site is integrated with Lazy Load then it wont cause anything…. I will soon make a post on how to add a Lazy load to your blog to enhance your blog loading speed.. so Kindly Subscribe for latest updates

How we can add this to our blog………

Kindly follow the steps below

  1. Open the Blogger dashboard or you can create a new blog for demo only
  2. Now goto theme section and edit the HTML.
  3. Now search for <b:if cond=’data:top.showAuthor’> tag (you can also add this any where you want).
  4. Now add the below code before any </b:if> tag (you can also add it anywhere you want).

<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'/> <b>Views</b></span></b:if>

5. Now search for </body> tag and add the below code after </body> tag.


/*! Page views */
<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>


Note:- We will be updating this method soon… so kindly hit the subscribe button for be abreast with the nest update….

I hope you find this useful, but if in any case you find it difficult to apply this , then leave a comment below for help and a quick reply, or use our Contact page for a personal assistant.

Note: You have the right to share this with anyone of your choice or on your blog….but Don’t forget to link back to MashByte.com.… Read our ToC  or our DMCA here to understand how our Terms very well.

Remember to Subscribe and  share……. 

What do you think?

Written by Kwabena

Kwabena is a tech freak, passionate about every new gadget and technology that comes his way. Always searching, always curios, he managed to gather an astounding experience that is very useful in his Info-Tech career.....

Comments

How to Enable Import option in Chrome and Use it to Import your Password

Dwonlaod Professional Free Blogger Templates