WordPress支持CDN的文章阅读计数-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

WordPress支持CDN的文章阅读计数

WordPress支持CDN的文章阅读计数

思路:使用Ajax自动提交请求增加文章阅读数,Cookie记录是否已经提交,避免刷新重复提交。

JS代码(保存为views.js):

//获取Cookiefunction getCookie(name) {var str = document.cookie;var arr = str.split('; ');for(var i=0; i<arr.length; i++) {var c = arr[i].split('=');if(c[0] == name) {return c[1];}}return false;}//Ajax请求function setPostmeta(varname, postid, target) {var cookie = getCookie(varname);if(cookie) return;jQuery.ajax({cache: false,url: ajax_object.ajax_url,type: 'POST',data: {'action': 'add_views','post_id': postid,},dataType: 'JSON',async: true,success:function(result) {if(result.status == 'success') {if(target) target.text(result.views);var exdate = new Date();exdate.setDate(exdate.getDate() + 360);document.cookie = varname + '=' + result.views + '; expires=' + exdate.toGMTString() + '; path=/';}}});}

functions.php中添加如下代码:

//加载JS以及设置Ajax对象function bzg_load_scripts() {if(!is_single()) return;wp_enqueue_script('views', get_theme_file_uri('/js/views.js'), 'jquery');wp_localize_script('views', 'ajax_object', array('ajax_url' => admin_url('admin-ajax.php')));}add_action('wp_enqueue_scripts', 'bzg_load_scripts');//获取文章阅读数function bzg_post_views($postid='') {global $post;if(!$postid && isset($post->ID)) {$postid = $post->ID;}if(!$postid) return 0;$views = get_post_meta($postid, 'views', true);echo $views ? $views : 0;}//Ajax添加阅读数function bzg_set_post_views() {if(!isset($_POST['post_id'])) return;$post_id = (int) $_POST['post_id'];if(get_post_status($post_id) === false) return;$views = get_post_meta($post_id, 'views', true);if(!$views) $views = 0;$views = $views+1;update_post_meta($post_id, 'views', $views);wp_send_json(array('status' => 'success','views' => $views,));}add_action('wp_ajax_add_views', 'bzg_set_post_views');add_action('wp_ajax_nopriv_add_views', 'bzg_set_post_views');

single.php中调用JS函数:

<script type="text/javascript">var target = jQuery(".views");var post_id = <?php echo $id; ?>;setPostmeta("views_" + post_id, post_id, target);</script>

target是显示文章阅读数的标签,在需要显示文章阅读数的地方这样调用:

<span >阅读:<?php bzg_post_views(); ?></span>

缺点是最新的阅读数不能实时显示,毕竟CDN缓存了页面,不过计数是正常写入到数据库的。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享