服务器之家

服务器之家 > 正文

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

时间:2021-12-15 15:27     来源/作者:帆酱

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

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

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

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

?
1
2
3
4
5
6
7
8
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方法,每个路由跳转时都将其跳转的路由推给百度。

?
1
2
3
4
5
6
7
8
router.beforeEach((to, from, next) => {
 if (_hmt) {
  if (to.path) {
   _hmt.push(['_trackPageview', '/#' + to.fullPath]);
  }
 }
 next();
});

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

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

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

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

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

原文链接:https://www.cnblogs.com/linfblog/p/12150712.html

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部