通知

G Suite 现已更名为 Google Workspace:提供各种强大工具,助力您的企业取得成功。

添加新容器

本文适用于任何希望向现有 Google 跟踪代码管理器帐号添加新的网站容器的用户。

如果您想从多个来源(例如网站和应用)收集指标,则需要针对每个平台创建额外的容器。

本页面介绍如何设置网站容器。如果您想设置其他容器类型,请参阅以下文档:

什么是容器?

容器由多个代码和控制这些代码的规则组成。我们提供了可用于以下方面的特定容器类型:

  • 网站
  • AMP 网页
  • Android 应用
  • iOS 应用
  • 在服务器上运行跟踪代码管理器

1. 创建新容器

如要添加网站容器,请按以下步骤操作:
  1. 打开跟踪代码管理器
  2. 帐号标签页中,依次点击帐号名称旁边的更多操作 展开 > 创建容器
  3. 输入描述性容器名称,然后选择容器类型。
  4. 点击创建并同意服务条款,创建容器。

2. 安装容器

以下说明介绍了如何设置网站容器,以跟踪网站上的代码。如果您没有使用过代码,或者无权访问您的网站或移动应用代码,不妨寻求开发者的帮助来完成此步骤。

  1. 跟踪代码管理器中,点击工作区
  2. 在靠近窗口顶部的位置,找到您的容器 ID,格式为“GTM-XXXXXX”。
  3. 点击您的容器 ID 即可打开“安装 Google 跟踪代码管理器”框。
  4. 按照“安装 Google 跟踪代码管理器”框中的说明,将代码段复制并粘贴到您的网站中。
    1. <script> 代码段放在网页的 HTML 输出的 <head> 元素中,最好尽量靠近 <head> 起始标记,但应在 dataLayer 声明的下方。
    2. <noscript> 代码段放在 HTML 输出中紧跟 <body> 标记之后的位置。

如果您已在网站上使用代码,请将其迁移到您的跟踪代码管理器容器中,具体请参阅下面的 3. 添加代码部分。从代码中移除任何硬编码代码,确保代码不会触发两次。

为帮助保护您的容器免受第三方窥探,跟踪代码管理器网页代码段默认使用 HTTPS。

如果出于某种原因,您需要以支持非安全网页的方式部署您的跟踪代码管理器容器,则可以将容器代码段中的来源网址协议更改为 //,而不是 https://详细了解如何使用相对协议网址

3. 添加代码

现在,您已在网站上安装容器,可以添加新代码了。

  1. 在工作区中,点击 代码
  2. 点击新建,添加代码。
  3. 为代码命名并配置代码:
    • 代码配置:选择您要管理的代码类型。Google 跟踪代码管理器支持 Google 产品的代码和第三方跟踪代码。如果您在设置 Google 产品的代码方面需要更多帮助,请参阅 Google 跟踪代码管理器指南
      如果没有匹配的代码类型,您可以创建自定义 HTML 代码或图片代码。
    • 触发条件:触发器用于控制是否触发网页代码。详细了解触发器
  4. 可选:在配置中添加备注以供日后参考。如要添加备注,请点击“更多操作”展开 菜单,然后选择显示备注
  5. 点击保存,然后根据需要创建更多代码。

4. 验证代码是否正常运行

添加代码后,请确保代码按预期运行。如要验证您的代码设置,请执行以下操作:

  1. 点击预览按钮。系统会在新标签页中打开 Google Tag Assistant。
  2. 输入您在安装跟踪代码管理器容器的网站网址。如果遇到任何错误,请先使用 Tag Assistant 进行调试
  3. 如要修改代码,请点击代码名称以更改其设置。例如,如果代码在网页加载后触发,但您希望它在用户点击按钮时触发,请更新触发器。
  4. 保存更改后的代码,然后再次启动预览模式,验证问题是否已得到解决。

5. 发布代码

确认代码按预期运行后,即可发布代码。

如要发布当前工作区,请按以下步骤操作:

  1. 点击屏幕右上角的提交。系统随即会显示提交更改屏幕,其中列有用于发布容器和保存容器版本的各个选项。
  2. 选择发布及创建版本(如果尚未选择)。
  3. 查看工作区更改部分,了解配置是否按预期正常显示。
  4. 输入版本名称版本说明
  5. 点击发布

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
Google 应用
主菜单
12876508306979515005
true
搜索支持中心
true
true
true
true
true
102259