vue单页面应用加入百度统计

vue单页面应用加入百度统计

在单页面中，要是只加在head中的话那是没用的，因为只能运行一次。

---

在百度中复制代码

将代码放在index.html的head中

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?你的代码";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

在路由的beforeEach函数中使用

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

检测是否安装成功

打开控制台查看网络请求
每次路由变化就会发出一个叫hm.gif的请求

两个小时候再进网页就会有统计数据