随着泪雪网 MIP 站点流量的大幅飙升,子凡发现了页面上一些功能和体验的不足,例如文章阅读量严重不准确,因为 MIP 页面初期并没有考虑到文章阅读统计这方面,时至今日这已经严重影响到网站的正常用户体验度,所以决定立马解决这个关于 MIP 站点文章阅读统计的问题。

WordPress mip-pix 文章阅读统计

首先我们都知道 MIP 其实就是被百度缓存的页面,所以没有办法实现动态页面的那种统计方法,好在随着 MIP 规范的完善后来有了 mip-pix 组件,可以发送带有自定义参数的请求,用来统计页面的访问情况可以说是非常不错了。

话不多说,直接上 WordPress mip-pix 统计代码:

1
2
//mip-pix 组件代码(建议放在<body>标签后)
<?phpif(is_single()||is_page()){echo'<mip-pix src="'.get_the_permalink().'?id='.get_the_ID().'&t=${TIME}&host=${HOST}"></mip-pix>';}?>
1
2
3
4
5
6
7
8
9
10
11
12
13
//MIP 阅读记数(建议放在主题 functions.php 文件中)
add_action('init','fanly_mip_views');
function fanly_mip_views(){
	if(isset($_GET['id'])&&is_numeric($_GET['id'])&&isset($_GET['t'])&&is_numeric($_GET['t'])&&isset($_GET['host'])){
		if( get_the_permalink($_GET['id'])==urldecode($_GET['host'])){
			$id=$_GET['id'];
			$views=(int) get_post_meta($id,'views',true);//'views'用于标识统计数字段
			if(!update_post_meta($id,'views',($views+1))){//
				add_post_meta($id,'views',1,true);//
			}
		}
	}
}

以上代码仅供大家学习参考研究,WordPress 站点的朋友如果正好使用 MIP 开发站点,那么折腾一下也是不错的,另外注意代码中的’views’是用于标识统计数字段,使用时根据自己站点的统计修改即可。

组件用法

1.在页面首屏或在开始标签后引入,可以统计页面展现 PV。

2.在正文末尾引用,可以统计文章的真实阅读量(阅读完毕)。

3.紧挨一条广告引用,可以统计这条广告的真实展现量。

4.在其它组件中将 动态插入,通过修改自定义统计参数,可以实时发送统计。

值得注意的是,组件本身在页面不可见,但本元素只有滚动到屏幕可见范围内才触发初始化,所以需要根据自己的需要放置组件的位置,例如子凡就是未为了简单的统计访问,也就是页面的 PV,所以直接放在 body 开始标签后。

更多关于WordPress优化及疑问可以添加QQ群:255308000

除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

本文链接:https://zhangzifan.com/wordpress-mip-pix.html

发表评论