How To Add Post Views Counter To Blogger

Here, the simplest trick to feature How To Add Post Views Counter in Blogger. After reading this you never search for display post views counters in blogger or how to add post views counter to blogger

How To Add Post Views Counter in Blogger:- Its purpose is for our readers to ascertain which of our posts are viewed mostly by others. it's also for us - admins, to watch the post views within the front of our blog and to understand which of our posts get the interests of our readers. Blogger blogs can now easily add a counter of post views by Firebase.
post views counter for blogger, how to add post views counter in blogger

How To Add Post Views Counter in Blogger

Just follow these steps to Add Post Views Counter in Blogger 

Creating your Firebase Account

Signup to Firebase


Then, create your Firebase APP

Now, change your database rules:-



Note:- Copy your Firebase App URL.

Add Post Views Counter in Blogger

Go to Blogger » Go To Template » (recommended) Backup your Template » and now Edit HTML
Copy the code and paste it before <data:post.body/>

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

Or paste it where you want to show your views counter.
Now,
Copy the given code below code & paste it just above of  </body>

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;);
var blogStats = new Firebase(&quot;https://YOUR-APP-NAME.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

Change the colored text with your firebase id.
And,
Save your Template.

We hope you get post views counters in blogger. Share for anyone who needs to know about How To Add Post Views Counter in Blogger. This was the only best trick for your question of how to add post views counter to blogger
>Finally, You Got It..!!<

COMMENTS

COMMENT HERE: 2
  1. Great!! It works perfectly.

    ReplyDelete
  2. This is awesome article. This trick works perfectly.

    ReplyDelete

Name

ADSENSE,8,Blogging,27,General Tech,15,Make Money,5,Marketing,8,PC,3,SEO,7,Social Media,4,
ltr
item
Abhishek Indora: How To Add Post Views Counter To Blogger
How To Add Post Views Counter To Blogger
Here, the simplest trick to feature How To Add Post Views Counter in Blogger. After reading this you never search for display post views counters in blogger or how to add post views counter to blogger.
https://1.bp.blogspot.com/-2ik0Skir1BU/XlqktYbkUOI/AAAAAAAACkQ/7mvAau_WLCoXt7ydBpjqGRpbhygWEru-gCLcBGAsYHQ/s1600/post-views-counter-in-blogger.jpg
https://1.bp.blogspot.com/-2ik0Skir1BU/XlqktYbkUOI/AAAAAAAACkQ/7mvAau_WLCoXt7ydBpjqGRpbhygWEru-gCLcBGAsYHQ/s72-c/post-views-counter-in-blogger.jpg
Abhishek Indora
https://www.abhishekindora.com/2020/02/how-to-add-post-views-counter-to-blogger.html
https://www.abhishekindora.com/
https://www.abhishekindora.com/
https://www.abhishekindora.com/2020/02/how-to-add-post-views-counter-to-blogger.html
true
7880739494318546033
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network where you shared this Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content