容器預覽及偵錯

確定代碼設定能照常運作。

Google 代碼管理工具本身就有預覽模式。您可以在已導入容器程式碼的網站上,預覽目前這個容器草稿正式部署後的模樣,以便在容器發布之前測試相關設定。只要是啟用預覽模式的網站,瀏覽器中的網站內容下都會有偵錯窗格,方便您查看哪些代碼已經啟動和啟動的順序。

啟用預覽模式

如要為目前的工作區啟用預覽模式,請按一下 [預覽]。代碼管理工具會在工作區總覽頁頂顯示橫幅,指出預覽模式目前已啟用。

您也可以預覽任何舊版容器,方法如下:

  1. 在左側導覽列中,按一下 [版本]
  2. 找到所要的版本,然後依序選取 [動作] 下一步 [預覽]

使用預覽模式

啟用預覽模式後,每次您連往已導入容器的網站,就會在瀏覽器底部看到偵錯控制台視窗,其中列出代碼的啟動狀態和處理中的資料等相關詳情。控制台視窗只會顯示在啟用了預覽模式的瀏覽器中;此外,除了共用使用者,一般網站訪客並不會看到這個視窗。

您可以在偵錯控制台中查看代碼和觸發條件是否正確啟動,以及系統傳送給相應服務的資料。在您點進預覽網站的同時,偵錯控制台會跟著更新代碼啟動狀態的資訊。因此,只要查閱這項資訊就能得知代碼是否順利啟動,以及哪些觸發條件能夠/不能夠觸發代碼。

上方導覽列顯示代碼、變數和資料層,左側導覽列則提供事件清單。

  • 代碼:按一下 [代碼] 可查看已啟動/未啟動的代碼。按一下代碼即可查看屬性和相關觸發條件。在左欄中選取事件,即可在「代碼」分頁查看該事件的代碼狀態。
  • 變數:「變數」分頁會顯示所選事件中變數的相關詳情,包括變數類型、傳回的資料類型和解析值。在左側導覽列中選取事件,即可查看事件啟動時的變數狀態。

  • 資料層:「資料層」分頁會顯示所選事件發生後,推送至資料層的實際訊息物件,以及訊息交易完成後的資料層外觀。在左側導覽列中選取事件,即可查看事件啟動時的資料層狀態。
如果偵錯窗格沒有載入,可以試試「強制重新整理」,強制網路瀏覽器重新載入已快取的素材資源。Chrome 的強制重新整理功能鍵盤快速鍵如下:
  • Windows 和 Linux:Shift + F5 鍵,或 Ctrl + Shift + r
  • Mac:⌘ + Shift + r
預覽模式必須使用第三方 Cookie。如果預覽模式無法啟動,請確認您是否已在瀏覽器的偏好設定中啟用第三方 Cookie,而且第三方 Cookie 並未受到任何瀏覽器擴充功能封鎖。
行動應用程式容器目前無法使用偵錯窗格。如要進一步瞭解行動應用程式容器的預覽和偵錯方式,請參閱 iOSAndroid 開發人員文件。

分享預覽模式

啟用預覽模式後,只有這個啟用了預覽模式的瀏覽器才會顯示預覽容器設定和偵錯窗格。您可以使用自訂產生的網址,與他人共用這個預覽畫面。

如要與同事共用工作區設定的預覽畫面,請按照下列步驟操作:

  1. 從預覽通知橫幅按一下 [分享預覽]
  2. 在「分享預覽」對話方塊中,輸入您的目標網站網域 (例如:https://example.com/)。
  3. 從標示的方塊中複製系統產生的預覽網址。
  4. 將複製的預覽網址貼到電子郵件中,並傳送給同事。這個網址會將對方帶往到達網頁,且該頁面會顯示瀏覽器已經啟用預覽模式的通知訊息。

離開預覽模式

離開容器預覽模式的方式如下:

  1. 按一下 [工作區]
  2. 按一下 [離開預覽模式]

離開共用預覽模式的方式如下:

  1. 按一下您收到的分享預覽連結,前往到達網頁。
  2. 按一下 [離開預覽及偵錯模式]
這對您有幫助嗎?
我們應如何改進呢?

還有其他問題嗎?

登入即可獲得其他支援選項,快速解決您的問題