說明如何通過Google跟蹤代碼管理器使用Google Analytics（分析）

Question

任何有經驗的人都會為我澄清GA / GA-old / GTM的組合嗎？

我正在使用GTM（Google跟蹤代碼管理器），並且基本上是在頁面加載時將其注入DOM中（我從GTM獲得了此腳本）：

const scriptTag = `
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js',${JSON.stringify(events).slice(1, -1)}});
      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
      j.async=true;j.src='${protocol}://www.googletagmanager.com/gtm.js?id='+i+dl+'${gtm_auth}${gtm_preview}&gtm_cookies_win=x';
      f.parentNode.insertBefore(j,f);
    })(window,document,'script','${dataLayerName}','${id}');`;

我已經在GTM上設置了“通用Google Analytics（分析）”，並且在瀏覽器控制台中提供了ga功能。 我已經成功使用了GTM的dataLayer功能，並且可以看到在使用預覽GTM模式時dataLayer充滿了。

但是，我不明白如何將存儲在dataLayer中的變量鏈接到GA，我將env變量保存在dataLayer ，並且在GTM上添加了“數據層”變量env ，但是我感覺好像錯過了步驟，將該變量鏈接到GA。 （我保存在dataLayer中的變量均未存儲到GA中）

我也聽說過依賴於gtag的“新GA方法” ...但是我沒有由GTM注入的“谷歌分析”腳本創建的gtag函數。

我迷路於應該做的事情。

舊方法： https : //developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications

新方法： https : //developers.google.com/analytics/devguides/collection/gtagjs/single-page-applications

（我正在建立SPA）

所以：

1. 如何將GTM dataLayer和事件數據鏈接到GA？
2. 我應該使用gtag而不是ga嗎？ 我不明白為什么GTM不包含帶有gtag的GA新版本

Answer 1

是否已在Universal Analytics代碼上設置了Google Analytics（分析）設置變量？

我的設置變量如下所示：

上圖中設置的跟蹤ID變量如下所示：

然后，在我的Universal Analytics事件代碼中，在代碼配置中設置settings變量：