基于VUE安装GA统计

现在网站流行单页面应用,普通的GA代码引入可能没办法正确的执行统计代码了,这里先给出一个基于VUE开发的一个GA插件vue-ga

安装:

npm install vue-ga

如果项目使用vue-router

// ./router/index.js
import VueRouter from 'vue-router'
import ga from 'vue-ga'

Vue.use(VueRouter)

const router = new VueRouter()
ga(router, 'UA-XXXXX-Y')

export default router

UA-XXXXX-Y替换成自己的ID。

如果项目没有使用vue-router在每次路由改变的时候,使用collect函数,例如:

ga(collect => {
  // when hash changes
  window.onhashchange = () => {
    collect(location.pathname + location.hash)
  }
}, 'UA-XXXXX-Y')

另外,给出一篇谷歌官方的文档单页应用跟踪

标签: GA, VUE

添加新评论