測試自訂像素

建立像素後請進行測試,確保顧客事件可在網路商店正確觸發。查看下列提示,瞭解如何測試自訂像素並進行疑難排解。

確保已連結自訂像素

  1. 在 Shopify 管理介面中,前往「設定」>「顧客事件」。
  2. 在要測試的像素列中,確定「狀態」欄顯示「已連線」。
  3. 若未連結像素,請按一下「...」,然後點按「連結」。

使用瀏覽器主控台記錄測試自訂像素

您可以使用瀏覽器主控台記錄來測試自訂像素是否載入,以及是否訂閱了顧客事件。檢查主控台的步驟會依您使用的網頁瀏覽器而定。例如,若要瞭解如何使用 Google Chrome 的主控台,請參閱 Chrome for Developers 的「主控台總覽」。

清除瀏覽器快取可能需要一些時間,因此您可能需要多次檢查主控台,或使用其他瀏覽器視窗或裝置才能載入像素。

測試是否載入自訂像素

一般資料保護規範 (GDPR) 設定或第三方指令碼等特定因素都有可能會阻擋像素載入。您可以將程式碼片段加入像素,測試是否可正確載入。這個程式碼片段會加入一則可在瀏覽器主控台閱讀的訊息。若瀏覽器主控台顯示了這則訊息,表示您的網站已順利載入像素。

步驟如下:

  1. 在 Shopify 管理介面中,前往「設定」>「顧客事件」。
  2. 點按要測試的像素,然後在「代碼」區段中,於其他程式碼前方的第一行輸入下列陳述式:console.log("loaded");
  3. 按一下「儲存」。
  4. 前往您的網路商店,然後使用瀏覽器主控台以確認是否顯示 console.log 陳述式。

為像素未載入進行疑難排解

如果使用 console.log("loaded"); 程式碼進行測試仍無法載入像素,則可能是顧客隱私設定阻擋了像素載入。

在 Shopify 管理介面中,前往「設定」>「顧客隱私權」,查看 Shopify 管理介面中可能適用於您工作階段的顧客隱私設定。請根據顧客隱私設定執行下列步驟:

  • 如果您所在地區的顧客隱私設定需徵得同意聲明,請確保您已透過 Cookie 橫幅提供同意聲明。
  • 如果您沒有任何阻擋像素載入的顧客隱私設定,請清除瀏覽器的 Cookie 以重設 Cookie 橫幅並提供同意聲明。

若您使用第三方工具管理同意聲明,請聯絡第三方供應商以取得支援。

測試像素是否已訂閱顧客事件

若要測試自訂像素是否訂閱顧客事件,請在自訂像素中新增下列程式碼,將 page_viewed 取代為要測試的事件:

analytics.subscribe("page_viewed", async (event) => { console.log(event); });

步驟如下:

  1. 在 Shopify 管理介面中,前往「設定」>「顧客事件」。
  2. 點按要測試的像素,然後在「代碼」區段輸入顧客事件訂閱測試程式碼。
  3. 按一下「儲存」。
  4. 前往您的網路商店,然後查看瀏覽器主控台以確認是否顯示 console.log 陳述式。

其他疑難排解

如果仍不清楚自訂像素是否正確訂閱了顧客事件,請嘗試採取下列疑難排解動作:

  • 清除瀏覽器的 Cookie。
  • 如果您測試的是標準事件,請查看 Shopify 的標準事件說明開發人員說明文件,確保您執行了觸發事件所需的步驟。
  • 如果您測試的是自訂事件,請於 theme.liquid 檔案或結帳擴充功能的發布程式碼前後放置一行 console.log 陳述式,以驗證 publish() 程式碼是否啟動。例如:
    console.log("before publish"); Shopify.analytics.publish("my_custom_event", myCustomData); console.log("after publish");

第三方像素 SDK 測試

像素 SDK (軟體開發工具包) 包含協助像素收集顧客行為等相關資訊的工具。您可以就第三方提供的像素 SDK 測試下列行為:

測試第三方像素 SDK 是否載入

檢查網路分頁的步驟會依您使用的網頁瀏覽器而定。例如,若要瞭解如何在 Google Chrome 上檢查網路分頁,請參閱 Chrome for Developers 的「檢查網路活動」說明文件。

若要測試第三方像素 SDK 是否已載入,您需先擷取第三方供應商的 SDK 網址程式碼,然後加入像素程式碼中。如需支援,請聯絡第三方像素供應商。

步驟如下:

  1. 在 Shopify 管理介面中,前往「設定」>「顧客事件」。
  2. 點按您要測試的自訂像素。
  3. 在「代碼」區段中,於像素程式碼結尾輸入第三方供應商提供的像素 SDK。
  4. 按一下「儲存」。
  5. 前往您的網路商店並檢查網路分頁,確認已下載第三方供應商的 SDK 網址。
  6. 選用:若未載入第三方像素 SDK,請檢查沙箱中的 JavaScript 執行階段錯誤。舉例來說,您可以在 Chrome 選取一個特定的 iFrame 來查看主控台記錄,然後將記錄範圍縮小到要測試的特定像素。若要深入瞭解如何在 Chrome 上檢查 JavaScript 執行階段錯誤,請參閱 Chrome 的「為 JavaScript 偵錯」說明文件。

如果測試期間無法載入第三方像素 SDK,請聯絡第三方像素供應商以取得支援。

其他第三方像素 SDK 測試

若要測試第三方像素 SDK 是否初始化或者收集事件,請參閱第三方像素供應商的說明文件。

若要測試像素 SDK 是否在收集事件,系統可能會指示您檢查瀏覽器的網路分頁。檢查網路分頁的步驟會依您使用的網頁瀏覽器而定。例如,若要瞭解如何在 Google Chrome 瀏覽器上檢查 Google Chrome 網路分頁,請參閱 Chrome for Developers 的「檢查網路活動」說明文件。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用