说明如何通过 Google 跟踪代码管理器使用 Google 分析

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 上设置了 "Universal Google Analytics"，并且我在浏览器控制台中提供了 ga 功能。我已成功使用 GTM 的 dataLayer 功能，并且在使用预览 GTM 模式时我可以看到我的数据层被填充。

但是，我不明白如何 link 我存储在 dataLayer 中的变量到 GA，我在我的 dataLayer 中保存了一个 env 变量，并且我添加了GTM 上的一个 "data layer" 变量 env，但我觉得我错过了 link 该变量到 GA 的步骤。（None 我在数据层中保存的变量存储到 GA 中）

我也听说过 "new GA way"，它依赖于 gtag...但是我没有注入 "google analytics" 脚本创建的 gtag 函数通过 GTM。

我迷失了应该做事的方式。

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

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

（我正在构建 SPA）

所以：

如何link GTM dataLayer和events数据到GA？
我应该使用 gtag 而不是 ga 吗？我不明白为什么 GTM 不包含 gtag

Answer 1

您是否设置了要在 Universal Analytics 代码上设置的 Google Analytics 设置变量？

我的设置变量如下所示：

上图中设置的跟踪 ID 变量如下所示：

然后，在我的 Universal Analytics 事件代码中，我在代码配置中设置了设置变量：

说明如何通过 Google 跟踪代码管理器使用 Google 分析

Clarifications how to use Google Analytics through Google Tag Manager

javascript

google-analytics

google-tag-manager

gtag.js