vue中如何添加百度统计代码

时间:2021-05-26

一、在百度统计网站中添加自己的网站

1、官网地址:https://tongji.baidu.com/web/welcome/login。

2、在'管理‘一栏中选择‘网站列表',然后选择新增网站,添加成功后点击代码获取,可以获取统计代码。

二、在maim.js下百度统计代码添加

var _hmt = _hmt || [];window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到 (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); })();

三、创建vuerouter后,调用beforeEach方法,每个路由跳转时都将其跳转的路由推给百度。

router.beforeEach((to, from, next) => { if (_hmt) { if (to.path) { _hmt.push(['_trackPageview', '/#' + to.fullPath]); } } next();});

一般等待个20分钟就可以在官网上看到自己的数据了。

也可将百度统计上的数据显示在自己的网站上,在管理一栏中,找到

以上就是vue中如何添加百度统计代码的详细内容,更多关于vue 添加百度统计代码的资料请关注其它相关文章!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章