通知

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

设置和安装跟踪代码管理器

本文适用于任何首次设置 Google 跟踪代码管理器并管理网站上的代码的用户。

Install the Google Tag Manager container snippet

借助 Google 跟踪代码管理器,您可以配置和部署 Google 产品和第三方的代码。

什么是代码?

代码是分析、营销和支持服务供应商提供的代码段,可帮您将其产品整合到您的网站或移动应用中。借助 Google 跟踪代码管理器,您不再需要直接向您的项目添加这些代码,而只需在跟踪代码管理器界面中配置和发布代码,以及设置代码触发方式。

什么是账号?

跟踪代码管理器帐号代表着整个组织结构的最高层级帐号。通常情况下,每个公司只需要一个帐号。一个跟踪代码管理器帐号包含一个或多个容器。

什么是容器?

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

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

1. 创建新账号和新容器

创建新账号时,您需要完成设置新容器的步骤。

  1. 跟踪代码管理器中,依次点击账号标签页 > 创建账号
  2. 输入账号名称,然后选择账号所在的国家/地区。
  3. 输入描述性容器名称,然后选择容器类型。
  4. 点击创建并同意服务条款,创建容器。

结果

当新容器首次加载时,您看到的对话框会因容器类型而异。

  • 网站和 AMP:您会收到适用于您网站的安装代码段。
  • iOS 和 Android:您会收到指向相应开发者文档的链接。
  • 服务器:您可以选择自动或手动配置服务器。

您可以立即安装容器,也可以点击确定清除对话框,稍后再继续进行安装

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

可选:向您的账号添加更多容器

  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. 添加代码

现在,您已在网站上安装容器,可以添加新代码了。Google 跟踪代码管理器支持 Google 产品的代码和第三方跟踪代码。如需接收来自 Google 产品的指标,请设置 Google 代码

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

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

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

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

5. 发布代码

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

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

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

该内容对您有帮助吗?

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