隽永东方设计工作室
Eastern Design Studio Menu

Google Tag Manager 设置和安装

   Google AdWords   标签: Google Tag Manager   166   //   评论数   //   参与数

设置和安装

安装跟踪代码管理器后,您即可通过跟踪代码管理器的用户界面,添加和管理 Google Analytics(分析)网页浏览代码、AdWords 转化跟踪代码以及其他代码。

  1. tagmanager.google.com 上,创建帐号或使用现有帐号。
  2. 为您的网站或移动应用创建新容器
  3. 在内容中安装容器。
    1. 对于网页和 AMP 网页:将容器代码段添加到您的网站,并移除任何现有代码。
    2. 对于移动应用:使用 Firebase SDK 实现跟踪代码管理器。Android | iOS
  4. 添加、更新和发布代码

管理帐号和容器

帐号是跟踪代码管理器结构的最顶层。通常情况下,每个公司只需要一个帐号,因为公司内容的所有代码都可以通过这个帐号管理。

利用一个 Google 帐号管理多个跟踪代码管理器帐号
每次登录 Google 跟踪代码管理器时,您都可以看到您有权访问的 Google 跟踪代码管理器帐号的列表。

帐号包含一个或多个容器,您拥有的每类媒体资源(网页、iOS 应用、Android 应用或 AMP 网页)各有一个容器。

创建新帐号和新容器

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

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

向现有帐号添加新容器

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

在内容中安装容器

  1. 在 Google 跟踪代码管理器中,点击工作区
  2. 在靠近窗口顶部的位置,找到您的容器 ID,格式为“GTM-XXXXX”。
  3. 点击您的容器 ID 即可打开“安装跟踪代码管理器”框。
  4. 按照说明将代码段复制并粘贴到您的网站,或下载并安装相应的移动 SDK。下面提供了针对每种内容类型的提示。
  5. 使用跟踪代码管理器的预览模式Tag Assistant Chrome 扩展程序验证安装或排查安装问题。

网页

  • <script> 代码段放在网页的 HTML 输出的 <head> 元素中,最好尽量靠近 <head> 起始标记,但应在 dataLayer 声明的下方。
  • <noscript> 代码段放在紧跟 HTML 输出中的 <body> 标记之后的位置。

请注意其中的 GTM-XXXXXX 部分:这是每个容器的唯一标识符。同时,请务必从网站的网页中删除目前由 Google 跟踪代码管理器容器(如 Google Analytics(分析)、AdWords 转化跟踪等)提供的任何代码。

AMP 网页

移动应用

添加、更新和发布代码

安装完容器后,您就可以向 Google 跟踪代码管理器中添加新代码了。

  1. 在 Google 跟踪代码管理器中,点击帐号并选择您的帐号。
  2. 点击导航菜单中的代码了解详情
    • 要添加代码:点击新建。选择代码类型(如 Google Analytics(分析)),并指定代码应在何时触发的触发器。
    • 要修改代码:点击列表中的相应代码,然后在“修改代码”页进行更改。例如,您可能需要更新代码应在何时触发的触发器。
    • 要删除代码:点击列表中的相应代码。在“修改代码”页上,点击屏幕右上角的菜单图标 更多,然后选择删除
  3. 您可以利用预览的机会对您的网站或应用进行质量检查 (QA),确保所有外观和行为都与您的预期一致。在网站上,您可以使用调试选项查看在您浏览网站并与网站互动时会触发哪些代码。
    • 在含有未发布更改的工作区的任何网页中,点击“发布”旁边的箭头以显示更多选项,然后点击预览详细了解预览和调试
    • 对于移动应用,请阅读适用于 AndroidiOS 的开发者文档。
  4. 准备就绪后,点击屏幕右上角的发布即可开始发布更改。输入版本名称版本说明以描述更改的内容,然后点击发布。(转自Google官方文档)

       

头像

隽永东方 Web Developer

熟练运用Bootstrap前端网页框架,精通于HTML5+CSS3架构。

作者:


  售前在线询价单
  全网营销套餐
  隽永东方学院