vue脚手架项目接入百度统计PV UV

vue脚手架接入百度统计实现PV UV展示实战 简单清晰

1.打开百度统计后台： http://tongji.baidu.com/sc-web

找到代码获取 > 点击复制代码

2.打开vue项目，找到项目下的index.html插入从百度统计后台复制的的脚本代码

3.找到自己项目中对应的路由router.js文件插入代码。注：我的文件位置可能和你文件位置不一样

router.beforeEach((to, from, next) => {
    // 百度统计
    // 创建vuerouter后，调用beforeEach方法，每个路由跳转时都将其跳转的路由推给百度
    if (_hmt) {
        if (to.path) {
            _hmt.push(['_trackPageview', '/' + to.fullPath]);
        }
    }
    next();
});

4.验证是否成功，启动你的项目后F12调式看到如下请求说明安装成功。

大功告成

注：第一次可能会提示代码安装未生效，多等一会就好了。

为了各位五湖四海的大侠们能够快速上手，部分代码已经放到github及gitee。包括触发事件相关代码

github：https://github.com/yanghouqing/baidutongji-vue

gitee：https://gitee.com/yanghouqing/baidutongji-vue