设置 Google 代码

Google 代码会为您使用的 Google 产品提供数据支持,用于衡量您网站和广告的效果。此外,Google 代码还会将数据发送至关联的目标账号,例如 Google Ads 账号和 Google Analytics 4 账号。

网站技术(例如 Cookie)会因隐私保护、浏览器和法规方面的变化而不断演变,为确保获得最准确的衡量结果,植入高质量的网站级代码就非常重要。

本文将介绍以下内容:

概念图示:如何设置 Google 代码。

注意:所有全局网站代码均已转换为 Google 代码。如果您的网站上有全局网站代码,您无需更新网站即可使用 Google 代码

什么是代码 ID?在哪里可以找到它?

什么是 Google 代码 ID?

代码 ID代码 ID 是指您为了加载指定代码而在网页上添加的标识符。一个代码可以具有多个代码 ID。系统会显示一个“主”ID。

如果您合并或拆分代码,代码植入说明部分中显示的主代码 ID 可能会发生变化。如果出现这种情况,您无需为网页重新植入代码。只要您在网页上添加了其中一个代码 ID,系统就会加载相同的代码。移除目标账号不会更改现有的代码 ID。

注意:如果您的 CMS 集成(也称为“网站开发工具”)不接受 GT- 代码 ID,您可以使用 CMS 集成支持的别名,例如 AW-XXXXX 或 G-XXXXX。

我的 Google 代码 ID 位于何处?

您可以在 Google Ads、Google Analytics(分析)和 Google 跟踪代码管理器中找到您的 Google 代码设置。登录相应产品,然后按照操作说明查看您的代码 ID:

Google Ads 操作说明

Google Analytics(分析)操作说明

  1. 管理界面中,选择“数据收集和修改”下方的数据流
  2. 点击相应数据流即可查看详细信息。
  3. 结果:页面上会显示 Google Analytics(分析)设置和 Google 代码设置。Google Analytics(分析)4 数据流设置的屏幕截图。Google 代码设置位于数据流设置中

Google 跟踪代码管理器操作说明

注意:若要在 Google 跟踪代码管理器中查看 Google 代码 ID,您需要管理容器中的 Google Ads、Google Analytics(分析)或 Google 代码。

  1. 打开 Google 跟踪代码管理器
  2. 点击 Google 代码标签页,查看您之前设置的 Google 代码。
    Google 跟踪代码管理器中的 Google 代码概览
  3. 点击代码名称即可修改 Google 代码设置。

什么是目标账号和目标账号 ID?

什么是目标账号?

目标账号是一种提供 Google 衡量服务的产品账号,采用与 Google 代码相同的配置,并会从 Google 代码获取数据。您可以在 Google 代码中添加目标账号,以便在网站上重复使用 Google 代码的配置和使用范围。

目前,有 4 种目标账号类型:

  1. Google Analytics 4 网站数据流
  2. Google Ads 账号
  3. Floodlight 配置(在 Campaign Manager 360 和 Display & Video 360 中使用)
  4. Merchant Center 转化来源

什么是目标账号 ID?

目标帐号 ID 是代表目标帐号(即关联的 Google 产品,如 Google Ads 或 Google Analytics [分析])的标识符。Google 代码使用目标帐号 ID 加载目标帐号专有的设置以及对事件进行路由。

对于 Google Ads,目标帐号 ID 与转化跟踪 ID 相同,例如 AW-98765。

对于 Google Analytics(分析),目标帐号 ID 与网站数据流的衡量 ID 相同,例如 G-12345。

 

在网站上添加 Google 代码

若要开始衡量网站和广告的效果,您需要在网站的每个网页上添加 Google 代码。

选择您用来设置 Google 代码的产品。

提示:如果您同时使用 Google Ads 和 Google Analytics,请仅在一个平台中设置 Google 代码。您稍后可以在 Google 代码设置中将其他产品添加为目标账号。


如果您的衡量需求更为复杂,并且您还希望管理第三方跟踪代码,请使用 Google 跟踪代码管理器来设置您的 Google 代码。

根据 Google Ads 操作说明设置 Google 代码

在设置 Google 代码之前,请确保您已为网站设置转化跟踪。在“设置 Google 代码”页面上,选择最符合您情况的选项,然后按照相关操作说明添加代码:
  1. 使用在您网站上找到的 Google 代码(推荐)
  2. 使用已有的 Google 代码
  3. 添加 Google 代码

使用在您网站上找到的 Google 代码(推荐)

使用在您网站上检测到的代码即可完成设置,无需更改网站的代码。系统会将您账号的用户添加为代码用户。不妨详细了解如何管理您的 Google 代码

  1. 点击详细信息即可查看代码详情。
  2. 点击完成

注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。

使用已有的 Google 代码

此选项会显示系统是否在您输入的网站上检测到代码。请选择标签为“在网站上”的代码来完成设置,而无需更改您网站的源代码。

请注意,如果您的网站流量较低,代码可能会显示为“未检测到”。如果您选择标记为“未检测到”的代码,则可能需要添加该代码。系统会将您账号的用户添加为代码用户。不妨详细了解如何管理您的 Google 代码

如果您拥有所列代码的管理员访问权限,则会找到这些代码。如果您找不到所需的代码,可能是因为没有更改该 Google 代码所需的用户权限。

  1. 点击选择代码后即可查看:
    1. 您拥有管理员访问权限的代码列表
    2. 代码 ID
    3. 检测到该代码的位置
      • 如果在您输入的网站上检测到该代码,您可以选择标记为“在网站上”的代码以完成设置,无需更改网站代码。如果您选择标记为“未检测到”的代码,则可能需要添加该代码。
  2. 选择您要使用的 Google 代码,然后点击确认

添加 Google 代码

您可以通过以下 2 种方式添加 Google 代码:

使用网站开发工具

您可以使用 Wix 或 Duda 等网站开发工具或内容管理系统 (CMS) 来部署 Google 代码。选择您所用的网站开发工具,然后按照说明完成 Google 代码的设置即可,而无需更改您网站的代码。如果您想通过与 CMS 或网站开发工具集成来部署代码,但所集成的 CMS 不接受 GT- 代码 ID,您可以使用该 CMS 支持的别名(AW-XXXXX 或 G-XXXXX)。

如果您使用以下某个平台来管理您的网站,则您无需更改网站源代码即可完成 Google 代码的设置:

详细了解如何使用网站开发工具添加 Google 代码

完成添加后:

  1. 点击完成,Google 就会扫描您的网站。
  2. 点击完成即可完成 Google 代码的设置。

手动添加

如果您是首次在账号中为转化操作设置该代码,并且尚未添加 Google 代码,请选择此选项。

  1. 若要添加该代码,请复制代码并将其粘贴到您网站上每个网页的代码中,紧跟在 <head> 元素之后。每个网页只能添加一个 Google 代码。动画演示:如何在 Google Ads 中添加用于转化跟踪的 Google 网站代码。 以上是 Google 代码的示例,其中“TAG_ID”代表您 Google Ads 账号所独有的代码 ID:

    <script async
    src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'TAG_ID');
    </script>
  2. (可选)根据您的偏好修改 Google 代码:
    1. 如果您不希望 Google 代码在网页首次加载时将网站访问者添加到再营销名单中,请将下面突出显示的部分添加到 Google 代码的 'config' 命令中:
      gtag('config',' TAG_ID',{'send_page_view': false});
    2. 如果您不希望 Google 代码在您网站的网域中设置第一方 Cookie,请将下面突出显示的部分添加到 Google 代码的 'config' 命令中:
      gtag('config',' TAG_ID',{'conversion_linker': false});
      • 注意:我们不建议您这样做,因为这将导致转化衡量结果不太准确。如果您想禁止收集再营销数据,请将下面突出显示的 gtag('set') 命令添加到 Google 代码中的 gtag('js') 命令上方。这样会禁止为所配置的所有 Google Ads 账号收集再营销数据。
        <script async
        src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('set', 'allow_ad_personalization_signals', false);
        gtag('js', new Date());
        gtag('config', 'TAG_ID');
        </script>
  3. 复制 Google 代码,然后将其添加到您的网站
  4. 找到用户完成转化后在您网站上进入的网页(例如“感谢惠顾”页),打开该网页的 HTML 代码。此网页即是转化页。
  5. 在该网页的 head 标记 (<head></head>) 之间,粘贴您的全局网站代码,然后粘贴适用于该网页的任何事件代码段。
  6. 保存对该网页所做的更改。
  7. 点击完成
  8. 点击添加事件代码
  9. 在“事件代码段”旁边,选择是要根据网页加载还是点击来跟踪转化。
    • 网页加载:在用户访问转化页(例如购买或注册确认页面)时统计转化。这是默认选项,也是最常用的选项。不妨详细了解 Google 的安全标准
    • 点击:在用户点击某个按钮或链接(如“立即购买”按钮)时统计转化。GIF 图片:描述如何修改事件代码段偏好设置。
  10. 复制事件代码段,然后按照相关说明将其添加到您的网站;或者点击“下载代码段”,以便稍后再添加。
    • 如果您要在网页加载时跟踪转化,请将事件代码段添加到您要跟踪的网页中。
    • 如果您要在用户点击时跟踪转化,请将事件代码段添加到您要跟踪点击的按钮或链接所在的网页中。
  11. 点击下一步
  12. 点击完成GIF 动画:显示可在 Google Ads 界面中复制或下载事件代码段的选项。
  13. 点击完成。如果您要将网站上的点击作为转化进行跟踪,请按照将网站上的点击作为转化操作进行跟踪中的说明,为要跟踪的按钮或链接添加一段额外的代码。为确保转化跟踪功能正常发挥作用,此步骤必不可少。
注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。

设置代码后,您需要验证 Google 代码能否正常运行

根据 Google Analytics 操作说明设置 Google 代码

  1. 管理选择“数据收集和修改”下方的数据流
    上一个链接会打开您上次访问的 Google Analytics 媒体资源。您可以使用媒体资源选择器来更改媒体资源。 您必须是编辑者或更高级别的用户 在媒体资源层级设置 Google 代码
  2. 点击要修改的数据流。
  3. 在“Google 代码”下,点击配置代码设置
  1. 在“您的 Google 代码”部分中,点击代码添加说明
  2. 在“代码添加说明”页面中,选择“使用网站开发工具添加代码”或“手动添加”:
    • 如果您使用网站开发工具(即“CMS 平台”,例如 Wix 或 Wordpress)管理网站,请选择“使用网站开发工具添加代码”。选择您所用的网站开发工具,然后按照说明完成 Google 代码设置即可,无需更改您网站的代码。
    • 如果您选择手动添加代码,请前往“手动添加”部分。您会在屏幕上看到您账号的 Google 代码的 JavaScript 代码段。若要在您的网站和 Google Analytics 之间建立关联,请复制整个 Google 代码段并将其粘贴到网站上每个网页的代码中,紧跟在 <head> 元素之后。Google 代码是指所显示的完整代码,开头为:

      <!-- Global tag (gtag.js) -->

      结尾为:

      </script>
注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。

最多可能需要 30 分钟才会开始收集数据。接下来,您便可以使用实时报告验证自己是否正在接收数据。

设置代码后,请验证您的 Google 代码能否正常运行

若要向已设置 GA4 媒体资源的网站添加并配置 Google Analytics 4 媒体资源,可以使用 GA4 设置助理

在 Campaign Manager 360 中设置 Google 代码的操作说明

您可以通过以下任一方式添加 Google 代码:

  • 手动
  • 使用网站开发工具。

手动添加

如果您的网站是定制网站,请使用此选项在网站中手动添加 Google 代码。

  1. 在“Google tag”标签页中,点击 Installation instructions(安装说明)。
  2. 在“Install manually”(手动安装)标签页下,复制 Google 代码。动画演示:如何在 Google Ads 中添加用于转化跟踪的 Google 网站代码。

    Google 代码示例

    以下是 Google 代码的示例,其中“TAG_ID”代表您 Google Ads 账号所独有的代码 ID:

    <script async
    src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'TAG_ID');
    </script>
  3. 将该代码粘贴到您网站的每个网页的代码中,紧跟在 <head> 元素之后。

使用网站开发工具

您可以使用 Wix 或 Duda 等网站开发工具或内容管理系统 (CMS) 来部署 Google 代码。选择您所用的网站开发工具,然后按照说明完成 Google 代码设置即可,无需更改您网站的代码。

详细了解如何使用网站开发工具添加 Google 代码

完成添加后:

  1. 点击完成,Google 就会扫描您的网站。
  2. 点击完成即可完成 Google 代码的设置。

注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。

设置代码后,请验证您的 Google 代码能否正常运行

在 Google 跟踪代码管理器中设置 Google 代码的操作说明

您可以使用 Google 跟踪代码管理器部署 Google 代码,以便将其与所有其他代码一起管理。

准备工作

若要在跟踪代码管理器中设置 Google 代码,您需要拥有一个 Google 代码 ID。如果您不知道在哪里可以找到自己的代码,请参阅我的 Google 代码 ID 位于何处?

如果您的网站上已有 Google 代码段,而您想要升级为仅使用跟踪代码管理器,请按照迁移指南中的步骤操作。

第 1 步:创建 Google 代码

首先,创建一个 Google 代码,以用于设置衡量方式。

  1. 打开 Google 跟踪代码管理器
  2. 选择要配置的容器。打开 代码菜单。
  3. 创建一个代码。在顶部输入代码的名称(例如,“Google 代码配置 - example.com”)。
  4. 代码配置框中,选择 Google 代码
  5. 配置您的代码。在代码 ID 字段中,输入您的 Google 代码 ID。

    我的 Google 代码 ID 位于何处?

    您可以在 Google Ads、Google Analytics(分析)和 Google 跟踪代码管理器中找到您的 Google 代码设置。登录相应产品,然后按照操作说明查看您的代码 ID:

    Google Ads 操作说明

    Google Analytics(分析)操作说明

    1. 管理界面中,选择“数据收集和修改”下方的数据流
    2. 点击相应数据流即可查看详细信息。
    3. 结果:页面上会显示 Google Analytics(分析)设置和 Google 代码设置。Google Analytics(分析)4 数据流设置的屏幕截图。Google 代码设置位于数据流设置中

    Google 跟踪代码管理器操作说明

    注意:若要在 Google 跟踪代码管理器中查看 Google 代码 ID,您需要管理容器中的 Google Ads、Google Analytics(分析)或 Google 代码。

    1. 打开 Google 跟踪代码管理器
    2. 点击 Google 代码标签页,查看您之前设置的 Google 代码。
      Google 跟踪代码管理器中的 Google 代码概览
    3. 点击代码名称即可修改 Google 代码设置。
  6. 可选:您可以设置其他配置选项来控制 Google 代码与其目标账号的通信方式。如果您已设置 Google 代码,并想保留该代码的所有默认设置,现在可以跳至第 2 步:创建触发器

可选设置

全局参数设置

如果您需要在多个 Google 代码中建立共同上下文,可以直接在您的网站上使用 gtag.js 指定全局参数。

您网站上的所有 Google 代码都会读取全局参数。此选项仅适用于非敏感数据。

如需了解如何在多个代码中重复使用参数,请参阅相关开发者文档

配置设置

您可以指定影响 Google 代码设置的其他配置参数

若要在各个 Google 代码中重复使用配置,请创建配置设置变量

共享事件设置

您可以指定随每个事件一起发送的其他参数,例如价格的币种。事件参数仅对您将其添加到的代码有效。

若要在各个 Google 代码中重复使用事件设置,请创建 Google 代码事件设置变量。请使用建议的事件参数名称,以便 Google Analytics(分析)能为您填充维度和指标。

将数据发送至代码植入服务器

借助服务器端代码植入,您可以将部分代码从您的网站或应用移至服务器,从而提升广告效果。不妨详细了解服务器端代码植入

若要将所有事件发送到跟踪代码管理器服务器容器,而不是 Google Analytics(分析),您需要配置以下参数:

  1. 打开配置设置菜单。
  2. 通过添加新的配置参数设置服务器容器网址:
    • 名称:server_container_url
    • 值:设置为跟踪代码管理器服务器容器的服务器容器网址

结果:您的配置参数应如下所示:一张屏幕截图,其中显示了 Google 代码中的服务器端代码植入。

设置用户属性

用户属性是用于描述用户群组的属性,例如语言偏好设置或地理位置。您可以使用用户属性来定义受众群体。

例如,您可以设置一个名为 favorite_food 的用户属性,该属性可用于记录每位用户最喜欢的食物。借助这些数据,您可以按用户最喜欢的食物来将用户分为不同的细分受众群。

Google Analytics(分析)会自动收集一些用户维度,因此您无需为其定义用户属性。每个 Google Analytics(分析)4 媒体资源最多可以额外设置 25 个用户属性。

若要衡量自定义用户属性,您需要创建新的 Google 代码事件设置变量,然后将其分配给 Google 代码。

7. 保存您的 Google 代码。

第 2 步:创建触发器

接下来,设置一个触发器,以便在用户加载您的网站时加载 Google 代码。

  1. 若要确保 Google 代码在其他触发器之前触发,请点击触发条件,然后选择使用初始化 - 所有网页触发器。不妨详细了解页面触发器
  2. 为代码命名保存代码配置。

结果

您的代码配置应如下所示:

一张屏幕截图,其中显示了已完成的 Google 代码设置

第 3 步:发布容器

若要根据最新变更来更新您的网站,请点击右上角的提交按钮。

结果

设置代码后,请验证您的 Google 代码能否正常运行

若要在跟踪代码管理器中设置更多代码,请参阅 Google 跟踪代码管理器指南

验证您设置的代码能否发送数据

  1. 打开 Google Tag Assistant
  2. 输入您网站的网址。
  3. Tag Assistant 会在顶部显示所有检测到的代码。检查您的 Google 代码 是否显示在其中。
  4. 摘要标签页中,检查该代码是否发送了任何事件。
    • ✅ 如果 Google 代码能够记录和分派事件,则说明设置正确无误。
    • ❌ 如果您没有看到 Google 代码,或者该代码并未收集请求,请参阅以下部分以获取更多指导。

请务必在需要发送数据的每个网站上设置 Google 代码。如需查看 Google 代码的放置位置,请查看“代码覆盖率”摘要

未找到任何代码

如果 Tag Assistant 没有找到您的 Google 代码,请确保:

  • 您添加了正确的衡量 ID
  • 您的代码已激活。您可以使用浏览器的开发者工具来查看已加载了哪些代码。

目标账号未收到任何数据

如果 Tag Assistant 显示您的 Google 代码已添加到网页上,但您仍然未看到任何数据,则表示您的 Google 代码可能未关联到目标账号。

在这种情况下,您会在打开 Google 代码页面时收到通知。您可以选择将目标账号与现有 Google 代码相关联,也可以创建新的 Google 代码。

后续步骤

设置 Google 代码后,请确保将其配置为发送您需要的数据。

配置 Google 代码设置 →

相关链接

该内容对您有帮助吗?

您有什么改进建议?

需要更多帮助?

请尝试以下步骤:

搜索
清除搜索内容
关闭搜索框
Google 应用
主菜单