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

Install the Google Tag Manager container snippet

安装 Google 跟踪代码管理器以配置和部署代码,包括来自 Google AdsGoogle Analytics(分析)Floodlight第三方的代码。概括来讲,具体步骤如下:

  1. tagmanager.google.com 上,创建帐号或使用现有帐号。 (默认是新建容器,您可以在每个帐号中创建其他容器。)
  2. 在您的网站或移动应用中安装容器
    1. 对于网页和 AMP 网页:按照跟踪代码管理器的说明添加容器代码段,并移除任何现有代码。
    2. 对于移动应用:使用适用于 Android 或 iOS 的 Firebase SDK。
  3. 添加和发布代码

跟踪代码管理器帐号代表着整个组织结构的最高层级账号。通常情况下,每个公司只需要一个帐号。跟踪代码管理器帐号包含一个或多个容器,并且存在可用于网站、AMP 网页、Android 应用和 iOS 应用的特定容器类型。

创建新帐号和新容器

  1. 在跟踪代码管理器中,依次点击帐号 接着点击 创建帐号
  2. 输入帐号名称,并视需要选择指明您是否希望与 Google 以及他人匿名分享数据。
  3. 点击继续
  4. 输入描述性容器名称,然后选择如下内容类型:网页、AMPAndroidiOS。如果设置移动容器,则请选择使用的是 Firebase SDK 还是某种旧版 SDK
  5. 点击创建
  6. 仔细阅读服务条款,如果您同意这些条款,请点击

当您的新容器首次加载时,您将收到有关网站容器安装代码段的提示,或作为选定移动平台 SDK 的一部分开始使用跟踪代码管理器。您可以即刻添加代码段,或点击确定关闭此对话框。您也可以先设置容器,以后再安装容器代码段或 SDK。

向现有帐号添加新容器

  1. 在跟踪代码管理器中,依次点击帐号 接着点击 更多(位于相关帐号名称旁边)。
  2. 选择创建容器
  3. 重复上面列出的第 4-6 步操作。

安装容器

如果您没有代码使用经验或者无权访问您的网站或移动应用代码,则可能需要向开发者寻求有关此步骤的帮助。开发者可以访问跟踪代码管理器开发者快速入门指南来了解详情。
  1. 在跟踪代码管理器中,点击工作区
  2. 在靠近窗口顶部的位置,找到您的容器 ID,格式为“GTM-XXXXXX”。
  3. 点击您的容器 ID 即可打开“安装跟踪代码管理器”框。
  4. 按照“安装跟踪代码管理器”框中的说明,将代码段复制并粘贴到您的网站,或下载并安装相应的移动 SDK。有关网页AMP 网页移动应用安装的提示,请参阅下文。
网页
  • <script> 代码段放在网页的 HTML 输出的 <head> 元素中,最好尽量靠近 <head> 起始标记,但应在 dataLayer 声明的下方。
  • <noscript> 代码段放在紧跟 HTML 输出中的 <body> 标记之后的位置。

为确保代码不会触发两次,请从您的代码中移除任何已迁移到跟踪代码管理器容器中的硬编码代码。

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

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

AMP 网页
  • 将 JavaScript 代码段的 <script> 部分放在紧挨 </head> 结束标记的上方。
  • <amp-analytics> 部分紧挨着放在起始 <body> 元素的后面。

有关详情,请参阅 AMP 和跟踪代码管理器设置指南

移动应用
适用于移动应用的跟踪代码管理器与 Firebase SDK 配合完成实现。请参阅跟踪代码管理器开发者文档,了解如何在 AndroidiOS 上开始使用。

使用跟踪代码管理器的预览模式Tag Assistant Chrome 扩展程序验证安装或排查安装问题。

添加、更新和发布代码

安装完容器后,您就可以添加新代码了。

  1. 点击导航菜单中的代码
    • 要添加代码:点击新建。选择代码类型,并指定有关代码应在何时触发的触发器。
    • 要修改代码:点击列表中的相应代码,然后在“修改代码”页进行更改。例如,您可能需要更新触发器以改变触发代码的时机。
    • 要删除代码:点击列表中的相应代码。在“修改代码”页面上,点击屏幕右上角的菜单图标 更多,然后选择删除
  2. 借助预览模式,您可以检查网站或应用上的跟踪代码管理器配置,以确保一切按预期运行。在网站上,您可以使用调试选项查看在您浏览网站并与网站互动时会触发哪些代码。
    • 在含有未发布更改的工作区的任何网页中,点击预览了解详情
    • 对于移动应用,请阅读适用于 AndroidiOS 的开发者文档。
  3. 准备就绪后,点击屏幕右上角的提交即可开始发布更改。添加版本名称版本说明等详细信息,然后点击发布
大多数跟踪代码管理器的实现都从部署 Google Analytics(分析)网页浏览代码开始。获取有关如何部署 Google Analytics(分析)代码的分步说明。
本文是否对您有帮助?
您有什么改进建议?