集成 Google Tag Manager 与 Google Analytics

:bookmark: 本指南将帮助您设置 Google 跟踪代码管理器 (Google Tag Manager) 并在您的 Discourse 网站上将其与 Google Analytics 结合使用。此外,它还将介绍如何在 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. 点击“管理”然后点击“创建媒体资源”来创建一个媒体资源。

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

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

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

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

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

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

:information_source: 成功创建您的网站数据流后,记下您的衡量 ID。您在 GTM 设置中将需要它。

设置 Google 跟踪代码管理器

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

配置 GTM

变量

  1. 在 GTM 中转到“变量”选项卡,然后在“用户定义变量”部分中点击“新建”。
  2. 创建两个数据层变量:
  • 名称DL-page-title
    类型数据层变量
    数据层变量名称page.title
    数据层版本:2

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

例如,选择变量类型:

然后像此示例中一样配置变量:

触发器

  1. 转到“触发器”选项卡并点击“新建”。

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

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

    最终结果应如下所示:

标签

  1. 转到“标签”选项卡并创建一个新标签。

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

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

  • 衡量 ID:输入您在 GA 中的衡量 ID。
  • 需要设置的字段
    • title: {{DL-page-title}}
    • page: {{DL-page-url}}
    • send_page_view: true
    • page_path: {{Page Path}}

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

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

发布您的 GTM 工作区

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

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

将 GTM 与 Discourse 集成

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

:warning: 注意: 从 Discourse 中的 ga universal tracking codega tracking code 设置中删除任何现有的分析跟踪代码。

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

附加用途

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

相关链接

47 个赞