博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue加百度统计代码(亲测有效)
阅读量:6974 次
发布时间:2019-06-27

本文共 852 字,大约阅读时间需要 2 分钟。

申请百度统计后,会得到一段JS代码,需要插入到每个网页中去,在Vue.js项目首先想到的可能就是,把统计代码插入到index.html入口文件中,这样就全局插入,每个页面就都有了;这样做就涉及到一个问题,Vue.js项目是单页应用,每次用户浏览网站时,访问内页时页面是不会刷新的,也就意味着不会触发百度统计代码;所以最终在百度统计后台看到的效果就是只统计到了网页入口的流量,却无法统计到内页的访问流量。

解决方法

main.js文件中调用vue-routerafterEach方法,将统计代码加入到这个方法里面,这样每次router发生改变的时候都会执行一下统计代码,这样就达到了目的,代码如下:

router.afterEach( ( to, from, next ) => {    setTimeout(()=>{            var _hmt = _hmt || [];            (function() {                //每次执行前,先移除上次插入的代码                document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();                var hm = document.createElement("script");                hm.src = "https://hm.baidu.com/hm.js?xxxx";                hm.id = "baidu_tj"                var s = document.getElementsByTagName("script")[0];                s.parentNode.insertBefore(hm, s);            })();    },0);} );

转载地址:http://qeesl.baihongyu.com/

你可能感兴趣的文章
CES Asia专题|从系统到整车,自动驾驶成唯一亮点
查看>>
中国量子技术创造多个世界第一,又创造世界首个
查看>>
pytorch-0.2成功调用GPU:ubuntu16.04,Nvidia驱动安装以及最新cuda9.0与cudnnV7.0配置
查看>>
6Python全站之路系列之Django站点管理
查看>>
bootstrap-进度条--动态条纹进度条
查看>>
事务xmin,xmax
查看>>
日本科学家的AI读心术,解码脑电波,还原人眼所见
查看>>
基于CentOS与VmwareStation10搭建Oracle11G RAC 64集群环境
查看>>
案例推荐《南京银行: 云上打造FinTech生态圈》
查看>>
ASP.NET实现Cookie功能的三个基本操作(写入,读取,删除)
查看>>
直播和VR的代入感太强,淘宝也忍不住推出了VR直播
查看>>
安卓Textview的getLineCount返回0
查看>>
【无监督学习最新研究】简单的「图像旋转」预测,为图像特征学习提供强大监督信号...
查看>>
3星|《商业周刊/中文版:2017商业人物(上)》:全球的数据只有20%是可搜索的...
查看>>
关于iChartjs在移动端提示框tip显示不正常的解决方法
查看>>
我的Nginx配置文件
查看>>
Linux命令(33):netstat命令-显示网络端口信息
查看>>
Windows 2008 R2 Administrator access denied解决办法
查看>>
Faker:Python的伪造数据生成器
查看>>
JSON的三个好处
查看>>