vue中如何添加百度统计代码
时间：2021-08-21 09:09:47|栏目：vue|点击： 次
一、在百度统计网站中添加自己的网站
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-cli（vue脚手架）快速搭建项目的方法
本文标题：vue中如何添加百度统计代码
本文地址：http://www.codeinn.net/misctech/168542.html
