javascript - 说明如何通过 Google 跟踪代码管理器使用 Google Analytics(分析)

Question

任何有一点经验的人都可以为我澄清 GA/GA-old/GTM 组合吗？

我正在使用 GTM(Google 跟踪代码管理器)，我基本上在页面加载时将其注入(inject)到 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，我在 dataLayer 中保存了一个 env 变量，并且我添加了GTM 上的“数据层”变量 env，但我觉得我错过了将该变量链接到 GA 的步骤。 (我保存在数据层中的变量都没有存储到GA中)

我还听说过“新的 GA 方式”，它依赖于 gtag...但我没有由“google Analytics”创建的 gtag 函数"由 GTM 注入(inject)的脚本。

我迷失在应该做事的方式中。

旧方式: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 数据层和事件数据链接到 GA？
2. 我应该使用 gtag 而不是 ga 吗？我不明白为什么 GTM 不包含带有 gtag
的新版本 GA

Answer 1

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

我的设置变量如下所示:

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

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