php 文章浏览量 缓存,解决WordPress开启CDN缓存后文章浏览量不自增的问题

前言

WordPress开启CDN静态缓存页面之后,当我们访问文章的时候,便不会去请求源站,而是返回CDN缓存了的页面,所以文章的浏览数量不会进行自增以及其他的变化。

f092f02ff4c9ccb6f52798d4569b96cc.png

解决办法

解决这个问题,我们可以通过Ajax来异步请求服务器,然后再进行文章的浏览数量自增或其他的操作。(注:本方法仅适用于使用了WP-PostViews插件或者和具有WP-PostViews相同字段的博客,若你的文章统计字段不同,可自行修改下方SQL语句以达到效果)

首先,我们在网站的根目录新建一个操作文件,命名为views.php,将以下代码写入此文件中。

$ajaxHead = $_SERVER['HTTP_X_REQUESTED_WITH'];

if(strtoupper($ajaxHead)==strtoupper("XMLHttpRequest")) {

$post_id = $_POST['post_id'];

echo $post_id;

$sql = "update `wp_postmeta` set `meta_value`=`meta_value`+1 where `post_id`='${post_id}' AND `meta_key`='views';";

$wpdb->query($sql);

}else{

header("HTTP/2 404 Not Found");

header("Status: 404 Not Found");

exit;

}

根据@张戈博主提供的建议与信息,将浏览量记录操作做了过滤以及部分优化,但是由于在服务器端进行验证的话如果不使用Redis等缓存,操作量以及存储的Cookie数据可能会比较多,于是我换了一种方式来进行验证过滤(JavaScript部分),代码如下:

/**

* @author Licoy.cn

* @version 2017/8/8

*/

require('../../wp-blog-header.php');

$isXhr = $_SERVER['HTTP_X_REQUESTED_WITH'];

if (strtoupper($isXhr) == strtoupper("XMLHttpRequest")) {

$post_id = $_POST['post_id'];

$po = get_post_meta($post_id,'views',true);

if(!$po) {

//表示不存在这个自定义栏目,那么新增这个自定义栏目

add_post_meta($post_id, 'views', 1, true);

echo 1;

} else {

// 若已存在这个自定义栏目,则先获取当前数值,并递增+1,再更新数据库

$count = $po + 1;

update_post_meta($post_id,'views',$count);

echo $count;

}

} else {

header("Status: 403 Not Found");

exit;

}

接着我们在主题的page.php文件中插入以下代码:

$(function(){

function page_views() {

if(!window.localStorage) {

console.info('浏览器不支持localStorage');

}else{

var post_id = <?php the_ID();?>;

var views = localStorage.getItem("view_list");

if(views===null){

localStorage.setItem("view_list",post_id);

$.post("/views.php?time="+new Date().getTime(),{post_id:post_id});

return true;

}else{

var item = views.split("|");

var bool = $.inArray(post_id+'',item);

if(bool===-1){

$.post("/views.php?time="+new Date().getTime(),{post_id:post_id});

localStorage.setItem("view_list",views+"|"+post_id);

return true;

}

return false;

}

}

}

page_views();

});

到这一步,就已经成功解决了这个问题。

477ea37ea16b3d7a6d33b857e7fe505a.png

[v_tips]若方法中存在BUG请在下方评论中陈述问题,谢谢!

c3ba8d43b2356854af95b93302a1404c.png [/v_tips]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值