如何在Vue项目中嵌入百度统计脚本？

本文共计346个文字，预计阅读时间需要2分钟。

一、在百度统计网站中添加自己的网站+1官方网站地址：https://tongji.baidu.com/web/welcome/login

二、在管理一栏中选中网站列表，然后选择新增网站，添加成功后点击代码获取，即可获得所需代码。

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

1、官网地址：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 = "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分钟就可以在官网上看到自己的数据了。