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

WordPress mip-pix 文章阅读统计

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

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

1
2
//mip-pix 组件代码(建议放在<body>标签后)
<?php if(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 开始标签后。

除非注明,否则均为泪雪博客原创文章,转载请以链接形式标明本文地址

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

发表评论