Google 代码会为您使用的 Google 产品提供数据支持,用于衡量您网站和广告的效果。此外,Google 代码还会将数据发送至关联的目标账号,例如 Google Ads 账号和 Google Analytics 4 账号。
网站技术(例如 Cookie)会因隐私保护、浏览器和法规方面的变化而不断演变,为确保获得最准确的衡量结果,植入高质量的网站级代码就非常重要。
本文将介绍以下内容:
什么是代码 ID?在哪里可以找到它?
我的 Google 代码 ID 位于何处?
您可以在 Google Ads、Google Analytics(分析)和 Google 跟踪代码管理器中找到您的 Google 代码设置。登录相应产品,然后按照操作说明查看您的代码 ID:
Google Ads 操作说明
Google Analytics(分析)操作说明
- 在管理界面中,选择“数据收集和修改”下方的数据流。
- 点击相应数据流即可查看详细信息。
- 结果:页面上会显示 Google Analytics(分析)设置和 Google 代码设置。
Google 跟踪代码管理器操作说明
注意:若要在 Google 跟踪代码管理器中查看 Google 代码 ID,您需要管理容器中的 Google Ads、Google Analytics(分析)或 Google 代码。
- 打开 Google 跟踪代码管理器。
- 点击 Google 代码标签页,查看您之前设置的 Google 代码。
- 点击代码名称即可修改 Google 代码设置。
什么是目标账号和目标账号 ID?
什么是目标账号?
目标账号是一种提供 Google 衡量服务的产品账号,采用与 Google 代码相同的配置,并会从 Google 代码获取数据。您可以在 Google 代码中添加目标账号,以便在网站上重复使用 Google 代码的配置和使用范围。
目前,有 4 种目标账号类型:
- Google Analytics 4 网站数据流
- Google Ads 账号
- Floodlight 配置(在 Campaign Manager 360 和 Display & Video 360 中使用)
- 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 跟踪代码管理器来设置您的 Google 代码。
根据 Google Ads 操作说明设置 Google 代码
- 使用在您网站上找到的 Google 代码(推荐)
- 使用已有的 Google 代码
- 添加 Google 代码
使用在您网站上找到的 Google 代码(推荐)
使用在您网站上检测到的代码即可完成设置,无需更改网站的代码。系统会将您账号的用户添加为代码用户。不妨详细了解如何管理您的 Google 代码。
- 点击详细信息即可查看代码详情。
- 点击完成。
注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。
- 代码设置完毕后,您需要配置 Google 代码设置。
- 您可以启动 Tag Assistant 来测试您的关键事件操作和数据收集情况。
使用已有的 Google 代码
此选项会显示系统是否在您输入的网站上检测到代码。请选择标签为“在网站上”的代码来完成设置,而无需更改您网站的源代码。
请注意,如果您的网站流量较低,代码可能会显示为“未检测到”。如果您选择标记为“未检测到”的代码,则可能需要添加该代码。系统会将您账号的用户添加为代码用户。不妨详细了解如何管理您的 Google 代码
如果您拥有所列代码的管理员访问权限,则会找到这些代码。如果您找不到所需的代码,可能是因为没有更改该 Google 代码所需的用户权限。
- 点击选择代码后即可查看:
- 您拥有管理员访问权限的代码列表
- 代码 ID
- 检测到该代码的位置
- 如果在您输入的网站上检测到该代码,您可以选择标记为“在网站上”的代码以完成设置,无需更改网站代码。如果您选择标记为“未检测到”的代码,则可能需要添加该代码。
- 选择您要使用的 Google 代码,然后点击确认。
添加 Google 代码
您可以通过以下 2 种方式添加 Google 代码:
- 使用网站开发工具。
- 手动
使用网站开发工具
您可以使用 Wix 或 Duda 等网站开发工具或内容管理系统 (CMS) 来部署 Google 代码。选择您所用的网站开发工具,然后按照说明完成 Google 代码的设置即可,而无需更改您网站的代码。如果您想通过与 CMS 或网站开发工具集成来部署代码,但所集成的 CMS 不接受 GT- 代码 ID,您可以使用该 CMS 支持的别名(AW-XXXXX 或 G-XXXXX)。
如果您使用以下某个平台来管理您的网站,则您无需更改网站源代码即可完成 Google 代码的设置:
完成添加后:
- 点击完成,Google 就会扫描您的网站。
- 点击完成即可完成 Google 代码的设置。
手动添加
如果您是首次在账号中为转化操作设置该代码,并且尚未添加 Google 代码,请选择此选项。
- 若要添加该代码,请复制代码并将其粘贴到您网站上每个网页的代码中,紧跟在
<head>
元素之后。每个网页只能添加一个 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> - (可选)根据您的偏好修改 Google 代码:
- 如果您不希望 Google 代码在网页首次加载时将网站访问者添加到再营销名单中,请将下面突出显示的部分添加到 Google 代码的 'config' 命令中:
gtag('config',' TAG_ID',{'send_page_view': false});
- 如果您不希望 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>
- 注意:我们不建议您这样做,因为这将导致转化衡量结果不太准确。如果您想禁止收集再营销数据,请将下面突出显示的
- 如果您不希望 Google 代码在网页首次加载时将网站访问者添加到再营销名单中,请将下面突出显示的部分添加到 Google 代码的 'config' 命令中:
- 复制 Google 代码,然后将其添加到您的网站。
- 找到用户完成转化后在您网站上进入的网页(例如“感谢惠顾”页),打开该网页的 HTML 代码。此网页即是转化页。
- 在该网页的 head 标记 (
<head></head>
) 之间,粘贴您的全局网站代码,然后粘贴适用于该网页的任何事件代码段。 - 保存对该网页所做的更改。
- 点击完成。
- 点击添加事件代码。
- 在“事件代码段”旁边,选择是要根据网页加载还是点击来跟踪转化。
- 网页加载:在用户访问转化页(例如购买或注册确认页面)时统计转化。这是默认选项,也是最常用的选项。不妨详细了解 Google 的安全标准。
- 点击:在用户点击某个按钮或链接(如“立即购买”按钮)时统计转化。
- 复制事件代码段,然后按照相关说明将其添加到您的网站;或者点击“下载代码段”,以便稍后再添加。
- 如果您要在网页加载时跟踪转化,请将事件代码段添加到您要跟踪的网页中。
- 如果您要在用户点击时跟踪转化,请将事件代码段添加到您要跟踪点击的按钮或链接所在的网页中。
- 点击下一步。
- 点击完成。
- 点击完成。如果您要将网站上的点击作为转化进行跟踪,请按照将网站上的点击作为转化操作进行跟踪中的说明,为要跟踪的按钮或链接添加一段额外的代码。为确保转化跟踪功能正常发挥作用,此步骤必不可少。
设置代码后,您需要验证 Google 代码能否正常运行。
根据 Google Analytics 操作说明设置 Google 代码
- 在管理中,选择“数据收集和修改”下方的数据流。
上一个链接会打开您上次访问的 Google Analytics 媒体资源。您可以使用媒体资源选择器来更改媒体资源。 您必须是编辑者或更高级别的用户 在媒体资源层级设置 Google 代码
- 点击要修改的数据流。
- 在“Google 代码”下,点击配置代码设置。
- 在“您的 Google 代码”部分中,点击代码添加说明。
- 在“代码添加说明”页面中,选择“使用网站开发工具添加代码”或“手动添加”:
- 如果您使用网站开发工具(即“CMS 平台”,例如 Wix 或 Wordpress)管理网站,请选择“使用网站开发工具添加代码”。选择您所用的网站开发工具,然后按照说明完成 Google 代码设置即可,无需更改您网站的代码。
- 如果您选择手动添加代码,请前往“手动添加”部分。您会在屏幕上看到您账号的 Google 代码的 JavaScript 代码段。若要在您的网站和 Google Analytics 之间建立关联,请复制整个 Google 代码段并将其粘贴到网站上每个网页的代码中,紧跟在
<head>
元素之后。Google 代码是指所显示的完整代码,开头为:
<!-- Global tag (gtag.js) -->
结尾为:
</script>
最多可能需要 30 分钟才会开始收集数据。接下来,您便可以使用实时报告验证自己是否正在接收数据。
设置代码后,请验证您的 Google 代码能否正常运行。
若要向已设置 GA4 媒体资源的网站添加并配置 Google Analytics 4 媒体资源,可以使用 GA4 设置助理。
在 Campaign Manager 360 中设置 Google 代码的操作说明
您可以通过以下任一方式添加 Google 代码:
- 手动
- 使用网站开发工具。
手动添加
如果您的网站是定制网站,请使用此选项在网站中手动添加 Google 代码。
- 在“Google tag”标签页中,点击 Installation instructions(安装说明)。
- 在“Install manually”(手动安装)标签页下,复制 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> -
将该代码粘贴到您网站的每个网页的代码中,紧跟在
<head>
元素之后。
使用网站开发工具
您可以使用 Wix 或 Duda 等网站开发工具或内容管理系统 (CMS) 来部署 Google 代码。选择您所用的网站开发工具,然后按照说明完成 Google 代码设置即可,无需更改您网站的代码。
完成添加后:
- 点击完成,Google 就会扫描您的网站。
- 点击完成即可完成 Google 代码的设置。
注意:根据最佳实践,不要在网站的每个网页中添加多个 Google 代码实例。
设置代码后,请验证您的 Google 代码能否正常运行。
在 Google 跟踪代码管理器中设置 Google 代码的操作说明
您可以使用 Google 跟踪代码管理器部署 Google 代码,以便将其与所有其他代码一起管理。
准备工作
若要在跟踪代码管理器中设置 Google 代码,您需要拥有一个 Google 代码 ID。如果您不知道在哪里可以找到自己的代码,请参阅我的 Google 代码 ID 位于何处?
如果您的网站上已有 Google 代码段,而您想要升级为仅使用跟踪代码管理器,请按照迁移指南中的步骤操作。
第 1 步:创建 Google 代码
首先,创建一个 Google 代码,以用于设置衡量方式。
- 打开 Google 跟踪代码管理器
- 选择要配置的容器。打开 代码菜单。
- 创建一个新代码。在顶部输入代码的名称(例如,“Google 代码配置 - example.com”)。
- 在代码配置框中,选择 Google 代码。
- 配置您的代码。在代码 ID 字段中,输入您的 Google 代码 ID。
我的 Google 代码 ID 位于何处?
您可以在 Google Ads、Google Analytics(分析)和 Google 跟踪代码管理器中找到您的 Google 代码设置。登录相应产品,然后按照操作说明查看您的代码 ID:
Google Ads 操作说明
打开 Google 代码设置。Google Analytics(分析)操作说明
- 在管理界面中,选择“数据收集和修改”下方的数据流。
- 点击相应数据流即可查看详细信息。
- 结果:页面上会显示 Google Analytics(分析)设置和 Google 代码设置。
Google 跟踪代码管理器操作说明
注意:若要在 Google 跟踪代码管理器中查看 Google 代码 ID,您需要管理容器中的 Google Ads、Google Analytics(分析)或 Google 代码。
- 打开 Google 跟踪代码管理器。
- 点击 Google 代码标签页,查看您之前设置的 Google 代码。
- 点击代码名称即可修改 Google 代码设置。
- 可选:您可以设置其他配置选项来控制 Google 代码与其目标账号的通信方式。如果您已设置 Google 代码,并想保留该代码的所有默认设置,现在可以跳至第 2 步:创建触发器。
可选设置
全局参数设置
如果您需要在多个 Google 代码中建立共同上下文,可以直接在您的网站上使用 gtag.js 指定全局参数。
如需了解如何在多个代码中重复使用参数,请参阅相关开发者文档。
共享事件设置
您可以指定随每个事件一起发送的其他参数,例如价格的币种
。事件参数仅对您将其添加到的代码有效。
若要在各个 Google 代码中重复使用事件设置,请创建 Google 代码事件设置变量。请使用建议的事件参数名称,以便 Google Analytics(分析)能为您填充维度和指标。
将数据发送至代码植入服务器
借助服务器端代码植入,您可以将部分代码从您的网站或应用移至服务器,从而提升广告效果。不妨详细了解服务器端代码植入。
若要将所有事件发送到跟踪代码管理器服务器容器,而不是 Google Analytics(分析),您需要配置以下参数:
- 打开配置设置菜单。
- 通过添加新的配置参数设置服务器容器网址:
- 名称:
server_container_url
- 值:设置为跟踪代码管理器服务器容器的服务器容器网址
- 名称:
结果:您的配置参数应如下所示:
设置用户属性
用户属性是用于描述用户群组的属性,例如语言偏好设置或地理位置。您可以使用用户属性来定义受众群体。
例如,您可以设置一个名为 favorite_food
的用户属性,该属性可用于记录每位用户最喜欢的食物。借助这些数据,您可以按用户最喜欢的食物来将用户分为不同的细分受众群。
Google Analytics(分析)会自动收集一些用户维度,因此您无需为其定义用户属性。每个 Google Analytics(分析)4 媒体资源最多可以额外设置 25 个用户属性。
若要衡量自定义用户属性,您需要创建新的 Google 代码事件设置变量,然后将其分配给 Google 代码。
7. 保存您的 Google 代码。
第 2 步:创建触发器
接下来,设置一个触发器,以便在用户加载您的网站时加载 Google 代码。
- 若要确保 Google 代码在其他触发器之前触发,请点击触发条件,然后选择使用初始化 - 所有网页触发器。不妨详细了解页面触发器。
- 为代码命名并保存代码配置。
结果
您的代码配置应如下所示:
第 3 步:发布容器
若要根据最新变更来更新您的网站,请点击右上角的提交按钮。
结果
设置代码后,请验证您的 Google 代码能否正常运行。
若要在跟踪代码管理器中设置更多代码,请参阅 Google 跟踪代码管理器指南。
验证您设置的代码能否发送数据
- 打开 Google Tag Assistant。
- 输入您网站的网址。
- Tag Assistant 会在顶部显示所有检测到的代码。检查您的 Google 代码 是否显示在其中。
- 在摘要标签页中,检查该代码是否发送了任何事件。
- ✅ 如果 Google 代码能够记录和分派事件,则说明设置正确无误。
- ❌ 如果您没有看到 Google 代码,或者该代码并未收集请求,请参阅以下部分以获取更多指导。
请务必在需要发送数据的每个网站上设置 Google 代码。如需查看 Google 代码的放置位置,请查看“代码覆盖率”摘要。
未找到任何代码
如果 Tag Assistant 没有找到您的 Google 代码,请确保:
- 您添加了正确的衡量 ID
- 您的代码已激活。您可以使用浏览器的开发者工具来查看已加载了哪些代码。
目标账号未收到任何数据
如果 Tag Assistant 显示您的 Google 代码已添加到网页上,但您仍然未看到任何数据,则表示您的 Google 代码可能未关联到目标账号。
在这种情况下,您会在打开 Google 代码页面时收到通知。您可以选择将目标账号与现有 Google 代码相关联,也可以创建新的 Google 代码。
后续步骤
设置 Google 代码后,请确保将其配置为发送您需要的数据。