移轉像素

如果您先前已在商店的某個位置 (例如 theme.liquidcheckout.liquid (僅限 Plus 商家) 或結帳設定中的其他指令碼) 手動新增像素,則可移轉像素以便與 Shopify 應用程式像素相容,或移轉至自訂像素。移轉舊像素的優點包括:

  • 更方便存取追蹤顧客事件,包括結帳頁面的事件
  • 遵守隱私權政策的內建工具

深入瞭解 Shopify 的像素管理工具,以及移轉至 Shopify 應用程式像素或自訂像素的完整優勢。

準備移轉像素

為避免顧客事件重複或缺少的狀況發生,您可以考慮在商店較不繁忙的期間移轉像素。

您可在移除舊像素程式碼之前或之後,連結新的自訂像素。決定是否移轉工作流程時,請考量以下事項:

  • 若要儘量降低發生缺少顧客事件的機率,請連結新的自訂像素,再移除舊像素。
  • 若要避免重複追蹤顧客事件,請移除舊像素,再連結新的自訂像素。

移轉舊像素,以便與應用程式像素相容

如果同時符合下列兩個條件,您可能會想移轉舊像素,以便與應用程式像素相容:

  • 您已安裝可自動收集顧客事件的 Shopify 應用程式像素。
  • 您也為應用程式像素無法追蹤的自訂事件新增了一些其他程式碼。

在此情況下,您應按照應用程式開發人員的指示來移轉舊像素。

將舊像素移轉至自訂像素

如果同時符合下列兩個條件,您可能會想將舊像素移轉至自訂像素:

  • 您先前安裝的像素是由自己手動編寫程式碼,且未安裝任何 Shopify 應用程式。
  • 沒有符合您需求的 Shopify 應用程式像素。

步驟

  1. 建立自訂像素,訂閱您所需的標準及自訂顧客事件。
  2. 從 liquid 檔案移除或取代先前新增的像素程式碼,或從結帳設定中移除或取代其他指令碼。這可能包含下列動作:

  3. 將自訂像素新增至商店

  4. 連結您的自訂像素

尋找舊像素程式碼

若要移轉舊像素,您需要找到舊像素程式碼,才能將其移除或修改。大部分的像素都有兩個您需要尋找的元件:

  • 基底 Javascript SDK
  • 至少一個用於追蹤顧客事件的函數

尋找像素 Javascript SDK 的舊執行個體

Javascript SDK 是由每一個載入像素函式庫的像素所提供的一組基底程式碼。這通常是新增像素時,需要置於網路商店的第一段程式碼片段。

Javascript SDK 通常會置於頁首,您可以在結帳設定的 theme.liquid其他指令碼中找到。

尋找用於收集顧客事件的舊像素程式碼

若要尋找用於追蹤顧客事件的舊像素,請查看第三方像素的說明文件,瞭解顧客事件的位置,才能知道自己要搜尋的內容。舉例來說,Meta 像素有一種稱為 fbq() 的方法,而 Google 像素則經常使用 gtag()dataLayer.push()

您通常可以在佈景主題的 liquid 檔案中找到此程式碼,也可以在結帳設定中找到其他指令碼

移除或取代舊的像素程式碼

找到舊的像素程式碼後,您需要將其移除,或使用 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"); });

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

免費試用