预览和调试容器

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

启用预览和调试模式

要为当前工作区启用预览和调试模式，请执行以下操作：

1. 前往 https://tagmanager.google.com。
2. 登录您的 Google 账号。了解如何创建新的 Google 账号。
3. 打开要修改的跟踪代码管理器容器。
4. 在工作区标签页中，点击右上角的预览，以在新标签页中启动 Google Tag Assistant。
5. 输入您网站的网址。
6. 部分网站或网页可能会因额外添加到网址的调试参数而出现异常。出现这种情况时，您可以取消选中在网址中添加调试信号复选框。
7. 点击连接。您的网站将会在新窗口中打开，并在右下角显示已连接。
   如果您已安装 Tag Assistant Companion Chrome 扩展程序，您的网站将会在新标签页（而不是新窗口）中打开。
8. 点击返回“Tag Assistant”标签页，然后点击继续以访问调试界面。

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

 

要预览旧版容器，请执行以下操作：

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

使用预览和调试模式

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

通过调试界面中的信息，您可以确定代码和触发器是否正常触发，以及它们向各自的服务传递了哪些数据。点击进入预览的网站后，调试界面将更新有关代码触发过程的信息。您可以通过这些信息检查代码是否成功触发，以及是什么触发了（或没有触发）代码。

对于各个服务器容器，调试界面有不同的标签页。如需详细了解如何针对服务器端代码植入使用预览模式，请参阅预览和调试服务器容器。

调试界面不适用于以下容器类型：

• 移动应用容器（要详细了解如何预览和调试移动应用容器，请参阅 iOS 和 Android 开发者文档。）
• AMP 容器（仍然可以预览网站）

分享预览和调试模式

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

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

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

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

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

退出预览和调试模式

如需退出预览模式并停止调试，请执行以下操作：

1. 点击 Tag Assistant 调试界面左上角的“X”。
2. 点击 Tag Assistant 激活页面上的停止调试。