uniapp H5 SPA 百度统计(HASH)-单页应用跟踪

本文介绍了在uniapp中如何在hash模式下为子页面实现百度统计,详细步骤包括申请百度统计账号、获取并添加统计代码到项目中,特别强调了代码需放置在</body>前,并提供了子页面统计效果的截图。通过这些步骤,可以确保子页面的PV日志等事件被正确统计并在百度统计后台展示。
摘要由CSDN通过智能技术生成

前置:uniapp 百度统计 基础篇,只支持首页统计,刚了解的可以先看这篇文章

由于Uniapp 官方暂时不支持SSR,该篇主要解决hash模式下,子页面的统计问题。

 

1、申请百度统计账号,,并进入如下界面:

 

2、点击启用按钮,并点击查看详情,获取如下代码,可以直接复制下面代码粘贴(通用代码)

 
<script>
			/*BAIDU_STAT*/
			_hmt.push(['_requirePlugin', 'UrlChangeTracker', {
				shouldTrackUrlChange: function(newPath, oldPath) {
					return newPath && oldPath;
				}
			}]);
		</script>
 

注意:这个方法只会在newPath和oldPath不相等的情况下触发。

 

3、各个子页面统计效果展示,如下图:

 

4、小结:

1、优先完成基础篇配置

2、复制以上代码,粘贴到template.h5.html中,注意放在</body>前(非</head>与基础篇设置不同)

3、页面事件有pv日志等,才算是配置成功,同时可以在百度统计后台,看到子界面统计结果。

 

下一篇:uniapp H5 seo 百度自动收录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值