如何展示你的博客文章阅读量?

📚 文章大纲

一直以来我用的Page Views Count来展示文章的浏览量,但是展示的位置比较尴尬。

而理想的展示效果,应该是和post info一起,用户体验更好

今天我就发现了Post Views Counter:这是我觉得最好用的文章浏览量计数器插件

Post Views Counter 简介

给大家介绍的插件是由Digital Factory开发的文章浏览量计数器(Post Views Counter)。这个插件是最常用的插件之一,帮助统计WordPress中的帖子浏览量。

下载地址:https://cn.wordpress.org/plugins/post-views-counter/

Post Views Counter可以免费使用,设置也非常的简单方便。

Post Views Counter设置

在WordPress安装Post Views Counter,激活之后就可以设置

在WordPress后台设置里,就可以看到Post Views Counter

点开进入设置界面

常规设置:

  • 设置网站博客文章显示阅读量
  • 计数间隔
  • 重置数据间隔
  • 缓存刷新间隔

设置显示

  • 浏览量标签
  • 文章类型
  • 位置:这个选择推荐选择“手动”,这样就可以用段代码的形式添加到博客页面的任意位置

添加Post Views Counter到Elementor文章模版

最后就是开始添加Post Views Counter到所有的文章单页了

这一步非常重要

打开Elementor编辑器,拖拽Post Info微件,添加文章基本信息,比如作者,发布时间,评论等;

然后添加一个custom选项,然后选择Shortcode短代码,把Post Views Counter的短代码复制粘贴在这里,点击保存就大功告成了。

后台文章管理的时候,还可以按照阅读量进行排序。

添加代码

如果不用插件的话,也可以添加代码

添加以下代码至主题的functions.php文件, 放在该文件最下面即可:

function getPostViews($postID){
    $count_key = 'views';
    $count = get_post_meta($postID, $count_key, true);
    if($count=='' || !$count){
        return "0";
    }
    return $count;
}
function setPostViews($postID){
    $count_key = 'views';
    $count = get_post_meta($postID, $count_key, true);
    if($count=='' || !$count) {
        $count = 1;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, $count);
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
	}
}

添加以下代码至主题的single.php 文件, 时间间隔可自定义设置, 放在该文件最上面即可:

<?php 
if(!isset($_COOKIE['views'.$post->ID.COOKIEHASH]) || $_COOKIE['views'.$post->ID.COOKIEHASH] != '1'){
	setPostViews($post->ID);
	setcookie('views'.$post->ID.COOKIEHASH,'1',time() + 99999999,COOKIEPATH,COOKIE_DOMAIN);
} 
?>

将以下代码添加到要显示浏览次数的位置, 例如 文章列表(template-parts/content.php), 文章详情页面(template-parts/content-single.php), 搜索结果页面(template-parts/content-search.php)等。

将以下代码添加到要显示浏览次数的位置, 例如 文章列表(template-parts/content.php), 文章详情页面(template-parts/content-single.php), 搜索结果页面(template-parts/content-search.php)等。

<?php echo getPostViews(get_the_ID());?>

赶快去试试吧

2 回复

发表回复

添加微信