Adding a WordPress Post View Count without a plugin

A short tutorial on how to add a simple post view count to any WordPress blog by yourself. It requires minimum time, and has a great effect on your blog!


Similar tags

server hosting e-commerce google page speed php bug network domain coding tips web development seo explained wordpress css

More posts

Playing with Magento, getting started and some of its features!
02 Feb 2020 9 minutes read

Playing with Magento, getting started and some of its features!

Getting started with Magento can be daunting . That is why many people get easily discouraged, but they shouldn't be. At the end of the day, it is just a system like any other! Here is one part of my experience. Here we will talk about a couple of pros and cons when it comes to this system.

How does the web actually work? It is easier than you think!
23 Apr 2020 4 minutes read

How does the web actually work? It is easier than you think!

Each website is composed of multiple layers. But where are those layers stored and how do they work? It is quite simple once you see it...

Learn CSS Basics – simple cheat sheet to boost your development skills
29 Jun 2020 7 minutes read

Learn CSS Basics – simple cheat sheet to boost your development skills

Learn CSS basics may seem like a hard task. But actually it is quite easy! In order to prove it to you, I have written a small CSS cheatsheet.

As you may have seen, many blogs use WordPress and a large percentage of those blogs are showing the so-called "Wordpress post view count" for each blog post. This post is describing modifications that we will implement to your backend.

If you feel comfortable editing code, you can display your post views with a few small changes to your theme files. All you need to do is follow the instructions below:

  • Login to your WordPress Dashboard
  • Go to Appearance > Theme Editor
  • Add this to functions.php file (at the end of the file)
// THIS FUNCTION RETURS NUMBER OF VIEWS FOR A POST
function getPostViewCount(){
    $postID = get_the_ID();
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
          delete_post_meta($postID, $count_key);
          add_post_meta($postID, $count_key, '1');
          return 1;
    }
    if(intval($count) > 1000){
         return number_format($count/1000,1).'K';
    }elseif(intval($count) > 1000000){
         return number_format($count/1000000,1).'M';
    }else{
         return $count;
    }
}
// THIS FUNCTION COUNTS POST VIEWS
function setPostViewCount() {
    $postID = get_the_ID();
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        $count = 0;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}
  • Next, open your single.php page and copy following code inside WHILE LOOP
<?php
//...
while ( have_posts() ) {
  setPostViews();
  //...rest of the code
}
  • Now its time to open your category.php or index.php (or you may even add it to archive.php) depending on your theme
<?php
//....
while ( have_posts() ) {
    echo getPostViewCount().' Views';
//... rest of the code

Here is how it works!

In our functions.php file, we have added two functions. One function will set Post View Count and another one will return it. In the first function, we are using the "get_ID()" function which we can access inside our loop to determine which post is currently being displayed. After we know which post we are dealing with it is time to try and access post_meta. If this is the first time post is seen, we need to set it to 1 - because this is the first time somebody is seeing this post. The next time somebody visits our post, our function will just increment view count for 1.

It is a bit simpler when it comes to displaying that value, we just need to get specific post metadata and display it. If you really want to get into it you can do what I did and show count that is greater than 1.000 like 1k and counter that is greater than 1.000.000 like 1M or even add decimal spaces.

Going a step further

Now, to modify the looks of your "Views counter" you can easily do it by wrapping it into some HTML. Let us say that your theme is using Bootstrap:

?>
<span class="badge badge-warning mb-2">
  <?php echo getPostViewCount(); ?> Views
</span>
<h2 class="mb-4"><?php echo get_the_title(); ?></h2>
<?php

If on the other hand, your theme is not using bootstrap, you can always write your own CSS - most of the themes support adding custom CSS. If not you are left with adding a child theme (which is a bit more complex) or editing your theme style.css (which I wouldn't recommend since your changes will be lost during the next theme update).

And that is how you add your own WordPress post view count by yourself!

As always, #keepCoding

Tired of guessing what's holding your website back?

Our Advanced Tracking Tool provides crystal-clear insights into your Core Web Vitals and its URL's HTTP status. Understand exactly where performance dips and errors occur, empowering you to make data-driven decisions that optimize your site's health, user experience, and ultimately, your bottom line.

START MONITORING FOR FREE

No payment required!

We use cookies to improve your experience on our website. Some cookies are essential for the site to function, while others help us understand how you use our site (e.g., Google Analytics) so we can improve it. For more information, please read our Privacy Policy and Cookie Policy