目录
什么是PV和UV?
百度统计
VUE
验证安装
查看统计
拓展
什么是PV和UV?
这里我懒得打字了,直接百度扒过来吧,这个了解知道是啥就行
![](https://img-blog.csdnimg.cn/77ce126332cf4a1b999e3000429a94cf.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
百度统计
首先你要有个百度账号,自己测试的时候可以用自己的百度个人账户,项目里向公司申请企业商业账号
搜索百度统计
![](https://img-blog.csdnimg.cn/65d80514efad4f249588d190fb2666f5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
登录(左企业,右个人)
![](https://img-blog.csdnimg.cn/3d695830c70d456d87e68aaed6ced73a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
管理→新增网站
![](https://img-blog.csdnimg.cn/bb29952fc163466ca3f312ffb5f5797c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
这里填的内容根据提示添加就行
![](https://img-blog.csdnimg.cn/bcdd7ae74e4e49f999c0634b08c03a1c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_15,color_FFFFFF,t_70,g_se,x_16)
获取代码
![](https://img-blog.csdnimg.cn/4e04bc8458e646e4b5c9f991c443dd5c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/11544d6fa8904b5e8dbe7f98025634f2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
VUE
main.js全局添加
![](https://img-blog.csdnimg.cn/91df774c726f40c4923aae7923bd5f80.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
// 百度统计代码
var _hmt = _hmt || [];
(function() {
var hm = document.createElement('script')
hm.src = 'https://hm.baidu.com/hm.js?改成你的ID'
var s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(hm, s)
})()
router.beforeEach((to, from, next) => {
if (_hmt) {
if (to.path) {
_hmt.push(['_trackPageview', '/#' + to.fullPath])
}
}
next()
})
验证安装
![](https://img-blog.csdnimg.cn/5073710f9c6548f1a975ea382ef9cfe4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
先检查代码是否安装(会有延迟,可能不准)接下来我们还有别的方法
![](https://img-blog.csdnimg.cn/5f472ec6fb534bb1b31be52ede118b2b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
去你的网站首页 F12→Network→ALL,找有没有一个叫hm.js的文件,后面是你的独立ID,如果有证明安装成功,没有则失败
查看统计
基础报告→选项目
就能看到PV和UV的统计了
![](https://img-blog.csdnimg.cn/bca3f1bd795a476d988f58b7b9dbbbdd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
拓展
如果你想在特定的需求状况添加统计,比如事件统计这种,可以参考官方文档
JS-API技术文档
常用的这两种
![](https://img-blog.csdnimg.cn/704f24bb0f9847c7b08c31c94b834dfe.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qGD6Iqx5aaW5q6_5LiL,size_20,color_FFFFFF,t_70,g_se,x_16)
只需要在你需要添加的地方写_hmt.push就行,参数参考文档介绍