通知

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

预览和调试容器

确保您的代码配置按预期正常运行。

通过 Google 跟踪代码管理器的预览和调试模式,您可以浏览已实现容器代码的网站,预览部署当前容器草案后的布局,以便在发布前测试相关容器配置。您预览的网站已连接到 Tag Assistant,这样方便您查看触发的代码及触发顺序。

启用预览和调试模式

要启用当前工作区的预览和调试模式,请执行以下操作:

  1. 点击工作区右上角的预览
  2. 输入您网站的网址。
  3. 部分网站或网页可能会因额外添加到网址的调试参数而出现异常。出现这种情况时,您可以取消选中在网址中添加调试信号复选框。
  4. 点击连接。您的网站将会在新窗口中打开,并在右下角显示已连接
    如果您已安装 Tag Assistant Companion Chrome 扩展程序,您的网站将会在新标签页(而不是新窗口)中打开。
  5. 点击返回“Tag Assistant”标签页,然后点击继续以访问调试界面。

    您还可以通过 Tag Assistant 激活页面预览网站,以便进行调试。

 

要预览旧版容器,请执行以下操作:

  1. 在工作区的顶部导航栏中,点击版本
  2. 找到您要预览的版本,点击更多操作 展开,然后选择预览

使用预览和调试模式

启用预览和调试模式后,系统会为您输入的网页启动新窗口。调试界面显示有关您代码的详细信息,包括代码的触发状态以及正在处理的数据。调试界面只会在用于启用预览模式的同一个浏览器中显示,或者面向共享用户显示,但不会面向普通网站访问者显示。

通过调试界面中的信息,您可以确定代码和触发器是否正常触发,以及它们向各自的服务传递了哪些数据。点击进入预览的网站后,调试界面将更新有关代码触发状态的信息。您可以通过这些信息了解代码是否成功触发,以及能够/无法触发代码的条件。

顶部导航栏列出了访问代码变量数据层相关信息的选项,左侧导航栏中的摘要则显示事件列表。

  • 代码:点击“代码”可查看哪些代码已触发、哪些代码未触发。点击某个代码可查看该代码的属性以及关联的触发器。在左侧列中选择某个事件后,“代码”标签页将显示该事件的代码状态。
  • 变量:“变量”标签页将显示所选事件中变量的详细信息,包括变量类型、返回的数据类型以及解析值。从左侧导航栏中选择某个事件,可查看该事件触发时变量的状态。

  • 数据层:“数据层”标签将显示针对选定事件推送到数据层的确切消息,以及消息事务完成后数据层的状态。从左侧导航栏中选择某个事件,可查看该事件触发时数据层的状态。
调试界面不适用于以下容器类型:
  • 移动应用容器(要详细了解如何预览和调试移动应用容器,请参阅 iOSAndroid 开发者文档)。
  • AMP 容器(仍然可以预览网站)。

分享预览和调试模式

启用预览和调试模式后,只有启用了预览和调试模式的浏览器中才会显示预览的容器配置和 Tag Assistant 调试界面。您可以通过生成的自定义网址与他人分享此预览。

要与同事分享工作区配置的预览,请执行以下操作:

  1. 点击 Tag Assistant 调试界面顶部的更多操作 展开,然后选择分享
  2. 分享调试会话对话框中,输入您的目标网站域名和要调试的代码。
  3. 从指示的框中复制生成的预览网址。
  4. 将复制的预览网址粘贴到电子消息中并将其发送给同事。借助预览网址,用户可以在预览模式下连接到您的网站并查看 Tag Assistant 调试界面。

您还可以从工作区中共享容器的当前版本或旧版本:

  1. 在工作区的顶部导航栏中,点击版本
  2. 找到您要共享的版本,点击更多操作 展开,然后选择共享预览
  3. 在“共享预览”对话框中,输入您的目标网站域名(例如 https://example.com/)。
  4. 从指示的框中复制生成的预览网址。
  5. 将复制的预览网址粘贴到电子消息中并将其发送给同事。借助预览网址,用户可以在预览模式下连接到您的网站并查看 Tag Assistant 调试界面。

退出预览和调试模式

要退出预览模式并停止调试,您可以执行以下任一操作:

  • 点击所预览网站上的浮动窗口中的断开连接
  • 点击 Tag Assistant 调试界面左上角的“X”。
  • 点击 Tag Assistant 激活页面上的停止调试

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
Google 应用
主菜单