集成 Google Tag Manager 与 Google Analytics

:bookmark: 本指南将帮助您设置 Google 跟踪代码管理器 (Google Tag Manager, GTM) 并在您的 Discourse 网站上将其与 Google Analytics (GA) 结合使用。此外,它还将介绍如何在 Google 跟踪代码管理器中配置变量、触发器和标签以跟踪页面浏览量。

:information_source: 本指南涵盖 Google 跟踪代码管理器的设置。如果您只想为您的网站启用 Google Analytics,请在 ga universal tracking code 站点设置中设置 G 标签。我们的设置可能仍然将所有分析称为 universal,但这是一种遗留的字段命名痕迹。以下说明使用 Google 标签,并且对它们有效。

:person_raising_hand: 所需用户级别:管理员

将 Google 跟踪代码管理器 (GTM) 与 Google Analytics (GA) 集成,可以有效地管理和跟踪 Discourse 站点上的事件。本指南涵盖了完整的设置过程,从创建 GA 帐户到配置 GTM 所需的标签和触发器。

摘要

  1. 创建 Google Analytics 帐户和媒体资源。
  2. 设置 Google 跟踪代码管理器。
  3. 配置 GTM 变量、触发器和标签。
  4. 将 GTM 与您的 Discourse 网站集成。

创建 Google Analytics 帐户

  1. 访问 Google Analytics,并使用您的 Google 帐户登录。

  2. 如果您还没有帐户,请按照指导步骤创建一个。

  3. 点击“管理员”(Admin),然后点击“创建媒体资源”(Create Property) 来创建一个媒体资源。

  4. 在“媒体资源创建”(Property creation) 屏幕上填写所需详细信息。

  5. 在下一个屏幕上输入您的业务详细信息。

  6. 适当选择您的业务目标。

:information_source: 信息: 选择这四个部分将最接近分析工具通常提供的报告:

  1. 选择“网站”(Web) 作为数据收集平台。

  2. 设置数据流,输入您网站的 URL 和数据流名称。

:information_source: 成功创建您的网站数据流后,请记下您的衡量 ID (Measurement ID)。您在设置 GTM 时需要用到它。

设置 Google 跟踪代码管理器

  1. 访问 Google Tag Manager 并创建一个帐户。
  2. 按照指导步骤设置容器,并选择“网站”(Web) 作为平台。

配置 GTM

变量 (Variables)

  1. 在 GTM 中转到“变量”(Variables) 标签页,然后在“用户定义变量”(User-Defined Variables) 部分点击“新建”(New)。
  2. 创建两个数据层变量 (Data Layer Variables):
  • 名称DL-page-title
    类型Data Layer Variable
    数据层变量名称page.title
    数据层版本:2

  • 名称DL-page-url
    类型Data Layer Variable
    数据层变量名称page.url
    数据层版本:2

举例来说,选择变量类型:

然后配置变量,如下例所示:

触发器 (Triggers)

  1. 转到“触发器”(Triggers) 标签页,然后点击“新建”(New)。

  2. 选择“自定义事件”(Custom Event) 作为类型。

  3. 将触发器命名为 virtualPageView 并保存。

    最终结果应如下所示:

标签 (Tags)

  1. 转到“标签”(Tags) 标签页,创建一个新标签。

  2. 选择 Google Analytics: Google Tag 作为标签类型。

  3. 使用以下详细信息配置标签:

  • 衡量 ID:输入您在 GA 中获得的衡量 ID。
  • 需要设置的字段 (Required Fields to Set)
    • title: {{DL-page-title}}
    • page: {{DL-page-url}}
    • send_page_view: true
    • page_path: {{Page Path}}

完成后应如下所示(请注意,您可以除了上述参数外添加 userID 参数,但这需要添加一个额外的变量,例如 DL-page-url。):

  1. 为此标签选择 virtualPageView 触发器。
  2. 为您的标签命名并保存。

发布您的 GTM 工作区

点击页面右上角的蓝色“提交”(Submit) 按钮,发布 GTM 中的容器。

:warning: 重要: 如果您从 googletagmanager.com 遇到 404 错误,请确保您的 GTM 容器更改已发布。

将 GTM 与 Discourse 集成

  1. 转到您的 Discourse 管理设置,搜索 gtm container id
  2. 在相应的字段中输入您的 GTM 容器 ID(格式:GTM-XXXXXX)。

:warning: 注意: 在使用 GTM 时,请从 Discourse 的 ga universal tracking code 设置中删除任何现有的分析跟踪代码,以避免重复跟踪。

重新加载您的网站,并在 GA 中查看实时内容视图,以确认数据正在通过 GTM 流入。

附加用途

使用 GTM,您可以添加更多标签来跟踪其他事件,例如:

相关链接

47 个赞