Google 跟踪代码管理器：GA4 新手指南

已发表: 2022-11-28

学习一项新技能（例如 Google Analytics 4）令人生畏。 再加上最后期限迫在眉睫，您不能在开始时拖拖拉拉。

我正在分享一个易于遵循的初学者指南，用于使用 Google 跟踪代码管理器设置 GA4，以帮助您启动和运行。

在其中，我们将了解 Google 跟踪代码管理器的工作原理，然后是带图片的简单的五步 GA4 设置教程。

Google 标签管理器的定义

Google Tag Manager (GTM) 是一种免费的标签管理解决方案，可让您添加和编辑用于收集数据并将数据发送至 Google Analytics 的代码段（标签）。

例如，“过去”，营销人员会收到来自第三方供应商（如 Facebook 广告）的一段代码。

此代码将收集有关 Facebook 广告用户如何与网站互动的信息，并将其发送回 Facebook。

网站所有者和营销人员严重依赖开发人员直接在网站上安装代码。

但如果我们使用 Google Tag Manager，我们需要做的就是在网站上放置一段代码，该容器充当您的网站和第三方供应商之间的中间人。

我们需要添加或编辑的任何标签都可以在 GTM 界面中进行调整。

除了易于使用之外，主要的好处是代码精简和站点速度快得多。

Google 跟踪代码管理器和 Google Analytics 之间的区别

Google 跟踪代码管理器 (GTM) 和 Google Analytics (GA) 是完全不同的工具，它们协同工作可为您提供做出明智的营销决策所需的数据。

Google Tag Manager 用于存储和管理代码——它实际上是一个容器。

标签管理器中没有报告功能，也没有分析数据的选项。

Google Analytics 用于数据分析。

所有报告——用户报告、转化和参与、销售等——都可以在谷歌分析中查看。

要了解为什么除了 Google Analytics 还需要 GTM，您需要了解 GA 如何获取您在报告中看到的数据。

得益于跟踪代码的帮助，Google Analytics 可以报告流量获取和用户交互——技术上是“GA Javascript 代码片段”或“gtag.js”。

当您的网站上发生交互时（例如网页浏览），Javascript 代码段会告诉 Google Analytics。

开始使用 Google 跟踪代码管理器

在高层次上，开始使用 Google 跟踪代码管理器的主要步骤是创建帐户、在您的网站上安装容器以及添加代码（如 GA4 配置代码）以收集和发送您需要的信息。

下面，我们将逐步介绍开始使用 Google 跟踪代码管理器的每个步骤。

考虑账户管理

首先，您需要决定如何处理帐户管理。

如果有人改变角色或离开您的组织，您希望保留用于开发分析的工作。

最佳做法是使用长期管理帐户的人（很可能是网站所有者）的登录凭据创建跟踪代码管理器帐户。

管理客户帐户的提示：如果客户无法自己创建跟踪代码管理器帐户，请跳上视频通话，您可以在其中控制他们的屏幕并逐步完成每个步骤。

创建跟踪代码管理器帐户后，您可以在顶部导航的管理屏幕中添加用户并设置权限。

创建 Google 跟踪代码管理器帐户

以下是创建 Google 跟踪代码管理器帐户的说明。 这大约需要三分钟。

登录到跟踪代码管理器（跟踪代码管理器在 Chrome 中效果最佳）并点击创建帐户。

输入账户名； 这通常是组织的名称。

跟踪代码管理器帐户代表组织的最高级别，这意味着每个公司只需要一个帐户。

拥有多个具有独立收入渠道的网站的公司可以在同一个 GTM 帐户下创建单独的容器。

选择国家/地区以及您是否愿意共享数据以改进 Google 产品。

输入容器名称。 选择一个用于内部使用的描述性容器名称，通常是站点 URL 或应用程序名称。

选择目标平台。 您要为网站 (Web)、应用程序（iOS、Android）、AMP 或服务器创建帐户吗？

您的最终屏幕将类似于下面的示例。 单击创建。

创建必填字段的 GTM 帐户屏幕截图。 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

在此屏幕之后，系统将提示您安装新的 GTM 代码。 单击“确定”清除此对话框，或按照安装说明进行操作。

关闭片段对话框后，您将进入工作区屏幕，您将在其中创建营销标签和触发器。

在您的网站上安装 Google 跟踪代码管理器

如果关闭 Web 容器安装对话框，您可以在“管理”选项卡中找到安装 Google 跟踪代码管理器的说明。

安装说明如下所示：

GTM 容器片段截图示例 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

检查容器代码将帮助您了解 Google 跟踪代码管理器的工作原理。

在以黄色突出显示的第一部分中，您将看到 <script>。

这会将您的 GTM 容器加载到您的页面上。 它还会告诉您的网站，该页面可以在 Google 施展魔法时继续加载。

您将在第二部分看到一个无脚本标签，以黄色突出显示。

这个无脚本标签是你的备份。

它告诉浏览器将 GTM 容器的 iframe 版本呈现到页面，允许您在禁用 JavaScript 时仍然跟踪用户。

安装 GTM 容器时的一个常见问题是：只要在 <head> 部分中，放置真的很重要吗？

答案是肯定的； GTM 容器的放置确实很重要。

Google Tag Manager 不依赖于任何插件； 它以原始 JavaScript 运行。

将容器代码段尽可能放在 <head> 中的最高位置可以提高准确性。

将代码段放在页面的较低位置可能会导致数据不正确。

并且不要跳过第二部分； 它需要直接放在 <body> 标签之后。

如果您计划使用 GTM 来验证 Google Search Console，则需要按照 Google 的建议放置这两个标签； 否则，验证将失败。

管理客户帐户的提示：当多个营销机构在一个网站上工作时，往往会有许多营销标签。 您可以使用 Google Tag Assistant（旧版）检查额外的标签。 删除网站上的所有附加标签，因为两次部署标签会导致数据不准确。

使用 GTM 设置 Google Analytics 4：分步

Google Tag Manager 使设置 Google Analytics 4 变得简单。 只有三个步骤：创建触发器、创建标签和测试您的设置。

整个过程只需不到五分钟即可完成。

请注意：如果您尚未在您的网站上安装 GTM，请向上滚动并完成上面标题为“GTM 入门”的部分。

1.在GTM中创建GA4触发器

您在 GTM 中创建的触发器告诉标签（代码段）在什么情况下收集数据。

要创建触发器，请打开您的 Google 跟踪代码管理器帐户并点击左侧导航栏中的触发器。

然后点击蓝色的新建按钮创建一个新的触发器。

将您的触发器命名为： Page View – All 。

在触发器配置框中单击，然后在右侧菜单中选择页面视图作为触发器类型。 您希望此触发器在All Page Views上触发。

您的最终屏幕将类似于下面的屏幕截图。 单击保存。

GA4 触发器配置截图示例 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

第 1 步完成！ 您已经创建了一个规则，告诉 Google 跟踪代码管理器部署与页面查看关联的标签 - 当您网站上的一个页面（任何和所有页面）被查看时触发。

2. 在 GTM 中创建 GA4 代码

要将此信息发送到 GA4，我们需要创建一个标记，告诉 GTM 如何处理它捕获的页面视图数据。

要创建标签，请在左侧导航栏中打开标签，然后单击蓝色的新建按钮。

将您的标签命名为“GA4 Config”。

在“代码配置”框中单击，然后从右侧菜单中特色代码类型下的“ Google Analytics（分析）：GA4 配置”中选择，在下面的示例中突出显示。

GA4 GTM 代码配置屏幕截图示例 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

输入您的 GA4 衡量 ID。

在触发框内单击并选择您在上一步中创建的触发器，页面视图 – 所有触发器。

您完成的 GA4 配置标签将如下图所示。 单击保存。

在 GTM 截图示例中完成 GA4 配置 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

在哪里可以找到 GA4 衡量 ID

等等——什么是测量 ID，我在哪里可以找到它？

要查找您的唯一测量 ID，请打开您的GA4 媒体资源。 单击左下角的齿轮图标进入管理部分。

管理客户账户的提示：如果您无法打开 GA4 账户的“管理”部分，那是因为您没有该账户的管理权限。 请记住在所有者的电子邮件地址下设置 GA4，而不是您自己的电子邮件地址。

在Admin部分中，找到属性列并打开Data Streams 。

查找 GA4 衡量 ID 屏幕截图示例 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

选择您的数据流，您将在右上角看到相关的测量 ID； 它看起来像 G-A2ABC2ABCD。

创建必填字段的 GTM 帐户屏幕截图。 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

3.发布一个GTM容器

添加页面视图 – 所有页面触发器和GA4 配置代码后，您需要发布容器以使添加生效。

要发布容器，请点击 Google 跟踪代码管理器工作区右上角的蓝色按钮提交。

发布 GTM 容器 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

4. 在 GTM 中测试 GA4 配置

数据可能需要一天或更长时间才能开始显示在 GA4 中。

要测试您的设置，请点击跟踪代码管理器中的预览，输入您网站的网址，然后点击连接。

您的网站将在另一个选项卡中打开，您应该会看到 GA4 配置代码已触发。

点击触发的GA4 配置代码，并通过仔细检查测量 ID 确保将页面浏览事件发送到正确的 GA4 帐户。

测试 GA4 配置 来自 Google 跟踪代码管理器的屏幕截图，2022 年 10 月

GA4 活动

万岁！ 您已成功将 GA4 配置标签添加到您的网站。

这个标签（GA4 配置标签）将为您的资产设置 Google Analytics cookie，并自动将一些事件发送到您的分析帐户。

自动收集的事件很容易在 Google Analytics 4 界面中打开和关闭。

由于这是初学者指南，我们将重点介绍最佳做法和术语，以帮助您使用不同类型的可用 GA4 事件。

制定分析策略和实施计划

最佳做法是制定分析策略和标签实施计划。

我保证制定这个计划并不像听起来那么复杂。

与您公司的营销团队、内容团队和决策者坐下来讨论您需要收集哪些信息。

如果您不知道需要收集哪些信息，请从创建 SEO 目标金字塔开始。

Google 跟踪代码管理器：GA4 新手指南 Ahrefs 的屏幕截图，2022 年 10 月

简而言之，您将定义您的总体 SEO 目标，哪些性能目标将使您更接近实现该目标，以及哪些流程目标 100% 在您的控制范围内。

您需要在您的网站上跟踪哪些事件来衡量您是否实现了上面制定的目标？

现在，确定您在网站上部署的所有标签（我在这一步中使用电子表格）。 如果这是一个全新的 GTM 帐户，您还没有任何帐户，没关系！

花时间完成 SEO 目标金字塔并绘制您的事件标签将确保您涵盖做出明智的营销决策所需的一切。

了解可用事件的类型

您将在 Google Analytics（分析）4 和 GTM 中使用三种基本类型的事件：自动收集的事件、增强型衡量事件和自定义事件。

您将在下面了解每个类别下的事件类型。

  • 自动收集事件被收集……好吧，自动收集； 您不需要做任何额外的事情来收集用户的首次访问、页面浏览或会话开始。
  • 增强测量提供了您可以在 Google Analytics 4 网络流详细信息中打开和关闭的事件。
Google 跟踪代码管理器：GA4 新手指南 Google Analytics 4 的屏幕截图，2022 年 10 月

无需更改代码即可捕获滚动事件、出站点击、站点搜索信息、视频互动和文件下载。

  • 自定义事件可以衡量任何未自动收集的事件或推荐事件。

在 GA4 中，自定义维度仅限于 50 个事件范围和 25 个用户范围的自定义维度。

最后的想法

这份 Google 跟踪代码管理器和 GA4 新手指南仅仅触及了分析可以为您的公司做些什么的皮毛。

即使您不是开发人员，我也强烈建议您阅读 Google 跟踪代码管理器的开发人员指南。

更多资源：

  • 谷歌将谷歌标签与广告和分析相结合
  • 检查 Google Analytics 是否正常工作的 5 种方法
  • 终极 SEO 审核清单

特色图片：Merkushev Vasiliy/Shutterstock