Install the Google Tag Manager container snippet
借助 Google 跟踪代码管理器,您可以配置和部署 Google 产品和第三方的代码。
什么是代码?
代码是分析、营销和支持服务供应商提供的代码段,可帮您将其产品整合到您的网站或移动应用中。借助 Google 跟踪代码管理器,您不再需要直接向您的项目添加这些代码,而只需在跟踪代码管理器界面中配置和发布代码,以及设置代码触发方式。
什么是账号?
跟踪代码管理器帐号代表着整个组织结构的最高层级帐号。通常情况下,每个公司只需要一个帐号。一个跟踪代码管理器帐号包含一个或多个容器。
什么是容器?
容器由多个代码和控制这些代码的规则组成。我们提供了可用于以下方面的特定容器类型:
- 网站
- AMP 网页
- Android 应用
- iOS 应用
- 在服务器上运行跟踪代码管理器
1. 创建新账号和新容器
创建新账号时,您需要完成设置新容器的步骤。
- 在跟踪代码管理器中,依次点击账号标签页 > 创建账号。
- 输入账号名称,然后选择账号所在的国家/地区。
- 输入描述性容器名称,然后选择容器类型。
- 点击创建并同意服务条款,创建容器。
结果
当新容器首次加载时,您看到的对话框会因容器类型而异。
- 网站和 AMP:您会收到适用于您网站的安装代码段。
- iOS 和 Android:您会收到指向相应开发者文档的链接。
- 服务器:您可以选择自动或手动配置服务器。
您可以立即安装容器,也可以点击确定清除对话框,稍后再继续进行安装。
如果您想从多个来源(例如网站和应用)收集指标,则需要为每个平台创建额外的容器。
可选:向您的账号添加更多容器
- 打开跟踪代码管理器。
- 在账号标签页中,依次点击账号名称旁边的更多操作
> 创建容器。
- 输入描述性容器名称,然后选择容器类型。
- 点击创建并同意服务条款,创建容器。
2. 安装容器
以下说明介绍了如何设置网站容器,以跟踪网站上的代码。如果您没有使用过代码,或者无权访问您的网站或移动应用代码,不妨寻求开发者的帮助来完成此步骤。
- 在跟踪代码管理器中,点击工作区。
- 在靠近窗口顶部的位置,找到您的容器 ID,格式为“GTM-XXXXXX”。
- 点击您的容器 ID 即可打开“安装 Google 跟踪代码管理器”框。
- 按照“安装 Google 跟踪代码管理器”框中的说明,将代码段复制并粘贴到您的网站中。
- 将
<script>
代码段放在网页的 HTML 输出的<head>
元素中,最好尽量靠近<head>
起始标记,但应在 dataLayer 声明的下方。 - 将
<noscript>
代码段放在 HTML 输出中紧跟<body>
标记之后的位置。
- 将
如果您已在网站上使用代码,请将其迁移到您的跟踪代码管理器容器中,具体请参阅下面的 3. 添加代码部分。从代码中移除任何硬编码代码,确保代码不会触发两次。
为帮助保护您的容器免受第三方窥探,跟踪代码管理器网页代码段默认使用 HTTPS。
如果出于某种原因,您需要以支持非安全网页的方式部署您的跟踪代码管理器容器,则可以将容器代码段中的来源网址协议更改为 //
,而不是 https://
。详细了解如何使用相对协议网址。
3. 添加代码
现在,您已在网站上安装容器,可以添加新代码了。Google 跟踪代码管理器支持 Google 产品的代码和第三方跟踪代码。如需接收来自 Google 产品的指标,请设置 Google 代码。
- 在工作区中,点击
代码。
- 点击新建,添加代码。
- 为代码命名并配置代码:
- 代码配置:选择您要管理的代码类型。如果您在设置 Google 产品的代码方面需要更多帮助,请参阅 Google 跟踪代码管理器指南。
如果没有匹配的代码类型,您可以创建自定义 HTML 代码或图片代码。 - 触发条件:触发器用于控制是否触发网页代码。详细了解触发器
- 代码配置:选择您要管理的代码类型。如果您在设置 Google 产品的代码方面需要更多帮助,请参阅 Google 跟踪代码管理器指南。
- 可选:在配置中添加备注以供日后参考。如要添加备注,请点击“更多操作”
菜单,然后选择显示备注
- 点击保存,然后根据需要创建更多代码。
4. 验证代码是否正常运行
添加代码后,请确保代码按预期运行。如要验证您的代码设置,请执行以下操作:
- 点击预览按钮。系统会在新标签页中打开 Google Tag Assistant。
- 输入您在安装跟踪代码管理器容器的网站网址。如果遇到任何错误,请先使用 Tag Assistant 进行调试。
- 如要修改代码,请点击代码名称以更改其设置。例如,如果代码在网页加载后触发,但您希望它在用户点击按钮时触发,请更新触发器。
- 保存更改后的代码,然后再次启动预览模式,验证问题是否已得到解决。
5. 发布代码
确认代码按预期运行后,即可发布代码。
如要发布当前工作区,请按以下步骤操作:
- 点击屏幕右上角的提交。系统随即会显示提交更改屏幕,其中列有用于发布容器和保存容器版本的各个选项。
- 选择发布及创建版本(如果尚未选择)。
- 查看工作区更改部分,了解配置是否按预期正常显示。
- 输入版本名称和版本说明。
- 点击发布。