之前對網頁做用戶轉化率調查這塊，找到了谷歌GA事件，現在有時間對使用方法和遇到問題做個簡單記錄。官方文檔其實也介紹的比較清楚，可以查看官方文檔。
首先，在官網申請UA-id，然后在主頁加入如下代碼：
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-id"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag () { dataLayer.push(arguments) } gtag('js', new Date()); gtag('config', 'UA-id'); </script>
按照GA官網給出的文檔，把代碼加入到了index.html里面，然后測試發現統計出來的數據跟實際瀏覽數據對不上。經過一番研究后，發現谷歌GA事件的網頁追蹤原理是每一次網頁跳轉都會調用那個gtag('config')代碼，然后追蹤當前頁面。但是對於單頁面來說，其實頁面只加載了一次index.html，所以造成了數據丟失。
解決方法：在全局路由鈎子里面加上手動添加page_path。
window.dataLayer = window.dataLayer || [] function gtag () { window.dataLayer.push(arguments) } router.afterEach((to, from, next) => { gtag('config', 'UA-id', { 'page_path': to.fullPath }) })