wordpress缓存导致浏览量不增加解决办法

文
章
目
录

• php接口代码
• ajax请求代码

当我们wordpress网站在使用缓存后，用户点击文章页面，发现文章的浏览量不会增加，同样点赞也是类似，我们该如何解决呢？

为了提升用户体验，我们可以采用了AJAX技术来动态获取并刷新文章阅读数量。用户在阅读文章时，后台的AJAX会自动向服务器发送请求，而服务器在接收到请求后，会将原有的阅读数量加1，并实时更新到数据库中。

php接口代码

在这个过程中，最关键的环节就是AJAX提交的请求。为了能够处理这些请求，我们需要一个接口。这个接口就是PHP编写的views.php文件，它被保存在主题目录下的action文件夹中（如果该文件夹不存在，我们需要新建一个）。以下是views.php的核心代码：

<?php
require( dirname(__FILE__).\'/../../../../wp-load.php\' );
nocache_headers();
$post_ID = isset($_POST[\'post_ID\']) ? (int) $_POST[\'post_ID\'] : 0;
if ($post_ID!=0 ) {
    $post_views = (int) get_post_meta($post_ID, \'views\', true);
        if (!update_post_meta($post_ID, \'views\', ($post_views + 1))) {
            add_post_meta($post_ID, \'views\', 1, true);
        }
    $post_views = (int) get_post_meta($post_ID, \'views\', true);
        print_r(json_encode(array(\'error\' => 0, \'views\' => 1, \'response\' => $post_views)));
        exit;
}else{
    print_r(json_encode(array(\'error\' => 1, \'views\' => 0, \'response\' => $post_views)));
        exit;
}
?>

这段代码主要涉及WordPress的后台操作和AJAX请求。首先，它引入了WordPress的核心函数支持文件，这是使用WordPress提供的函数所必需的。然后，它设置了响应头部的缓存，以确保浏览器不会缓存页面内容。接下来，它检查POST参数post_id是否存在，如果不存在则将其设置为0。

在代码的逻辑部分，它执行了一些操作，包括存储自定义字段的内容。需要注意的是，add_post_meta函数用于存储自定义字段，具体字段名称需要根据实际情况进行修改。这里使用的是webstack主题的文章阅读数量字段。

ajax请求代码

最后，它使用jQuery来发送AJAX请求获取数据。为了使这段代码能够正常工作，需要确保jQuery库已经在页面中加载，并且这段JavaScript代码需要在HTML内容加载完成之后再执行。

//获取并增加阅读数
function getpostviews(postid){
      $.ajax({
                    type: \"POST\",
                    url: \'https://www.xxx.com/wp-content/themes/webstack/action/views.php\',
                    dataType: \"json\",
                    data: {\"post_ID\": postid},
                    success: function(data, textStatus, xhr) {
                    if (data.error){ return false;}else{
            $(\".postviews\").text(\"阅读（\"+data.response+\"）\");
        }
                }
                });
}

请注意，这里只是提供了一个大致的思路和伪代码示例，实际使用时需要根据具体情况进行适当的修改和调整。同时，由于涉及到的代码和操作比较复杂，建议在使用之前进行充分的学习和研究，以确保代码的正确性和安全性。上面的postviews是我的文章阅读数量HTML标签的class名称，根据自己的主题修改，然后在主题的文章页模板single.php中写输出js代码：

<?php
<script type=\"text/javascript\">
$(document).ready(function (){
    echo \'getpostviews(\'.get_the_ID().\');\';
});
</script> ?>

在确保文章页加载JavaScript的同时，我们也可以考虑在页脚处输出代码。不过，为了避免在非文章页加载这个函数，我们可以使用WordPress的is_single函数进行判断。这样可以确保只在文章页面执行相关操作。另外，这种方法对于被腾讯CDN或其它CDN缓存的页面，以及被WordPress插件wp_super_cache缓存的页面都适用。当然，请注意，如果浏览器禁止执行JavaScript，或者用户在极短时间内关闭网页，那么阅读数量的更新可能会出现问题。因此，在实际应用中，我们需要权衡各种因素，确保最佳的用户体验。