容器預覽及偵錯

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 啟用頁面中，按一下 [停止偵錯]。