请使用firefox,chrome等最新浏览器浏览本站。

vue构建的单页应用添加谷歌代码统计

html5 阿豹 3404次浏览 7个评论 扫描二维码

单页面应用需要在路由切换后手动触发页面统计。
1. 在入口html中引入谷歌统计代码:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-yourID', 'auto')

2.在全局router的afterEach钩子函数内部手动添加统计

router.afterEach(function (to) {
  if (window.ga) {
    window.ga('set', 'page', to.fullPath);
    window.ga('send', 'pageview');
  }
})

喜欢 (5)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到
(7)个小伙伴在吐槽
  1. 从百度进来的,博客不错哦!
    衣皇后2017-04-03 15:03 回复
  2. 对你爱爱爱不完,我可以天天月月年年看你博客到永远!
    衣皇后2017-04-05 14:24 回复
  3. 很荣幸来访您的博客,留言只是证明我来过!
    衣皇后2017-04-11 16:05 回复
  4. 支持,只有支持才是访问博客的正确方式!
    hanjian2017-04-14 14:18 回复
  5. 世事无常,但这个博客定能永保辉煌!
    yihuanghou2017-04-17 08:37 回复
  6. 时间飞快,转眼年中就要到来,祝你天天愉快!
    www.yihuanghou.com2017-04-21 07:56 回复
  7. 我只想默默的拜读您的博客!
    xuan2017-04-25 14:38 回复