vue单页面程序对谷歌GA事件的应用

    公司运营最近在对网页做用户转化率调查这块，找到了谷歌GA事件。按照之前GA官网给出的文档，把代码加入到了index.html里面，一周后发现统计出来的数据跟后台数据库对比对不上。

    经过一番研究后，发现谷歌GA事件的网页追踪原理是每一次网页跳转都会调用那个gtag('config')代码，然后追踪当前页面。但是对于单页面来说，其实页面只加载了一次index.html，所以造成了数据丢失。

    解决方法：在全局路由钩子里面加上手动添加page_path。

router.afterEach((to, from, next) => { 
    gtag('config', 'UA-ID', {'page_path': to.fullPath});
});