说明如何通过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变量：