移轉像素
如果您先前曾在商店的某些位置手動加入像素,例如 theme.liquid、checkout.liquid (僅限 Shopify Plus 方案)、在您的 checkout settings 中的 其他指令碼,或 Preferences 頁面,您可以將這些像素移轉為相容於 Shopify app 像素或自訂像素。移轉舊像素的好處包括:
- 更容易追蹤顧客事件,包括結帳事件。
- 內建的隱私合規工具。
- 由 Shopify 與像素供應商持續維護與改進。
瞭解詳情:Shopify's pixel manager,以及移轉到 Shopify app 像素或自訂像素的完整效益。
本頁內容
從您的「偏好設定」頁面移轉 Meta 與 Google 像素
為了符合最新的支付卡產業資料安全標準 (PCI DSS) 安全標準與規範,您的 Shopify 管理介面中的 Meta 與 Google Analytics 像素管理設定已升級。此變更可確保您的商家與顧客資訊在面對資料外洩與詐騙時維持安全。瞭解詳情:Shopify helps your store stay PCI DSS v4 compliant。
為了取得最準確的追蹤與成效,請將像素移轉至下列其中一個管道:
- 將您的 Meta 像素移轉到 Facebook 與 Instagram 管道。
- 將您的 Google Analytics 像素移轉到 Google 與 YouTube 管道。
將 Google Analytics 像素移轉至 Google 與 YouTube 管道 app
若您尚未將標記移至 Google 與 YouTube 管道 app,系統已將其轉換為自訂像素,以盡力維持量測的連續性。這可能會降低 Google Analytics 的量測成效與功能。具體影響如下:
- 由於事件量測與標記行為差異,Google Analytics 中回報的資料可能會改變,甚至在某些情況下遺失。
- Google Analytics 的核心功能,例如增強型量測與跨網域量測,可能無法正常運作。
- Tag Assistant 可能無法運作,或可能對您的 GA4 標記做出錯誤回報。
- Tag Diagnostics 可能無法正確識別您的 GA4 標記,或可能建議不適用於您的功能。
- 您先前在「其他 Google Analytics Javascript」區段加入的設定將被移除。
- 您的 Google Analytics 標記的同意處理方式可能會改變。
從您的 theme.liquid、checkout.liquid 或其他指令碼移轉舊版像素
當您要從 theme.liquid、checkout.liquid 或其他指令碼移轉舊版像素時,您可以採用下列其中一種方式:
為避免顧客事件重複或漏掉,請考慮在商店較不忙碌的時段移轉像素。
準備移轉像素
決定移轉流程時,請考量以下事項:
- 若您希望盡量避免漏掉顧客事件,請在移除舊像素前先連結新的自訂像素。
- 若您希望避免顧客事件追蹤重複,請在移除舊像素後再連結新的自訂像素。
- 若要移轉舊版像素,您需要先找到舊像素的程式碼,以便移除或修改。多數像素有兩個部分,您需要找到:
- 基礎 JavaScript SDK:此 JavaScript SDK 通常放在頁首,您可在 theme.liquid 與結帳設定中的 其他指令碼 找到。
- 用於蒐集顧客事件的舊像素程式碼:這段程式碼通常位於佈景主題的 Liquid 檔案,以及結帳設定中的 其他指令碼。請參考第三方像素供應商的文件,瞭解顧客事件通常放在哪裡,以便知道該搜尋什麼。例如,Meta 的像素有名為 fbq() 的方法,Google 的像素常用 gtag() 或 dataLayer.push()。
將舊版像素移轉為相容於 app 像素
若同時符合下列兩個條件,您可能需要將舊版像素移轉為相容於 app 像素:
- 您已安裝會自動蒐集顧客事件的 Shopify 應用程式像素。
- 您也加入了用於自訂事件的其他程式碼,而這些事件無法由 app 像素追蹤。
在此情況下,請依照應用程式開發人員的指示移轉舊像素。
將舊版像素移轉為自訂像素
若同時符合下列兩個條件,您可能需要將舊版像素移轉為自訂像素:
- 您先前安裝的像素是由您自行撰寫程式碼完成,未安裝任何 Shopify 應用程式。
- 沒有符合您需求的 Shopify 應用程式像素。
您可以在移除舊像素程式碼之前或之後,連結新的自訂像素。
步驟:
- 建立自訂像素,用於訂閱您所需的標準與自訂顧客事件。
- 從您的 Liquid 檔案或結帳頁面設定中的「其他指令碼」移除或取代先前加入的像素程式碼。這可能包括載入 JavaScript SDK、收集標準事件或收集非標準事件的舊像素程式碼。
- 將自訂像素新增至您的商店。
- 連結您的自訂像素。
移除或取代舊像素程式碼
找到舊像素程式碼時,請依該像素追蹤的事件類型,將其移除,或改用 Shopify 的 Shopify.analytics.publish() 方法:
- 您找到的所有 JavaScript SDK 都可以移除。
- 如果舊像素追蹤的是標準顧客事件,而您要新增的自訂像素或應用程式像素支援收集該標準顧客事件,則應將其程式碼移除。
- 如果舊像素追蹤的是自訂顧客事件,而您要新增的自訂像素或應用程式支援收集自訂顧客事件,則應取代其程式碼。
以下為追蹤非標準顧客事件的舊像素程式碼範例:
<script>fbq("trackCustom", "my_custom_event");</script>以下為可用來取代的相對應程式碼範例:
<script>Shopify.analytics.publish("my_custom_event");</script>如果您要建立自訂像素,應加入訂閱該自訂事件的程式碼,例如:
analytics.subscribe("my_custom_event", event => {
fbq("trackCustom", "my_custom_event");
});移轉後的疑難排解
移轉至網頁像素後,您可能會發現追蹤的事件數量與先前的設定相比有所差異。由於某些機器人不會觸發網頁像素沙盒,因此事件數量出現個位數百分比的降幅屬預期情況。若您發現有更大的差異,請檢閱本節以瞭解可能的原因。
使用下列檢查清單協助找出差異的來源:
- 確認所有預期的事件皆有觸發。
- 確認新舊設定的實作邏輯相同。
- 確認每個事件僅被追蹤 1 次。
- 確認您比較的是來自相同分析服務的數據。
- 確認您的隱私權設定與先前的設定相符。
- 若需要同意,請確認您已蒐集。
請選取符合您所遇狀況的問題,然後依照疑難排解步驟操作。
部分事件未觸發。
驗證所有預期的事件是否皆已觸發。若事件未觸發,即無法進行追蹤。
若要偵錯,請將 console.log 新增至您的像素程式碼,然後在瀏覽器的開發人員工具中檢查資料是否傳送至您的分析合作夥伴。若事件未觸發,請檢閱您的像素程式碼是否有錯誤。
事件定義或邏輯已變更。
page_viewed 或 checkout_started 等事件的定義可能會因實作方式而異。例如,若您先前使用網址路徑比對來追蹤商品檢視次數,但現在改用 Shopify 標準事件,則結果可能會有所不同。
確保新實作使用與舊實作相同的邏輯。若實作邏輯不同,事件數量則預期會有所差異。
事件被計算超過 1 次。
移轉時常見的問題是同一事件被追蹤超過 1 次。同一個事件可能會在多個位置被追蹤,例如在您的佈景主題程式碼、app 或管理介面的「顧客事件」區段中。若您先前透過「其他指令碼」或 checkout.liquid 新增了追蹤程式碼,任何殘留的程式碼也可能導致重複追蹤。
若要檢查是否有重複追蹤的情形,請開啟瀏覽器的開發人員工具,並檢查在單次頁面載入或事件期間,是否向同一個分析端點發出了多項要求。
跨分析服務的數據有差異。
不同的分析服務會以不同方式處理和過濾資料。有些會過濾掉疑似的機器人流量,有些則會估算遺失的資料。請勿比較不同服務之間的事件數,即使是 Google Analytics 和 GA4 也會以不同的方式處理資料,因此不建議您進行比較。
若要準確比較結果,請為相同服務建立獨立的帳號或像素,並同時執行。
隱私權設定封鎖了事件。
網頁像素一律會遵循您商店的隱私權設定。如果您先前的像素設定未遵循這些設定,您可能會在移轉後發現追蹤到的事件變少。
在 Shopify 管理介面中,前往 設定 > 顧客隱私權,並確認您的設定與先前的配置相符。
第三方同意聲明工具未同步至 Shopify。
如果您使用第三方同意聲明工具來管理 Cookie 同意聲明,那麼對於同意聲明未同步至 Shopify 的顧客,網頁像素可能不會觸發。當您的同意聲明工具未使用 Customer Privacy API 時,就可能會發生這種情況。
若要修正此問題,請確認您的同意聲明工具會使用 Customer Privacy API 將同意聲明狀態同步至 Shopify。