移轉像素
如果您先前已在商店的某個位置 (例如 theme.liquid、checkout.liquid (僅限 Plus 商家) 或結帳設定中的其他指令碼) 手動新增像素,則可移轉像素以便與 Shopify 應用程式像素相容,或移轉至自訂像素。移轉舊像素的優點包括:
- 更方便存取追蹤顧客事件,包括結帳頁面的事件
- 遵守隱私權政策的內建工具
深入瞭解 Shopify 的像素管理工具,以及移轉至 Shopify 應用程式像素或自訂像素的完整優勢。
準備移轉像素
為避免顧客事件重複或缺少的狀況發生,您可以考慮在商店較不繁忙的期間移轉像素。
您可在移除舊像素程式碼之前或之後,連結新的自訂像素。決定是否移轉工作流程時,請考量以下事項:
- 若要儘量降低發生缺少顧客事件的機率,請連結新的自訂像素,再移除舊像素。
- 若要避免重複追蹤顧客事件,請移除舊像素,再連結新的自訂像素。
移轉舊像素,以便與應用程式像素相容
如果同時符合下列兩個條件,您可能會想移轉舊像素,以便與應用程式像素相容:
- 您已安裝可自動收集顧客事件的 Shopify 應用程式像素。
- 您也為應用程式像素無法追蹤的自訂事件新增了一些其他程式碼。
在此情況下,您應按照應用程式開發人員的指示來移轉舊像素。
將舊像素移轉至自訂像素
如果同時符合下列兩個條件,您可能會想將舊像素移轉至自訂像素:
- 您先前安裝的像素是由自己手動編寫程式碼,且未安裝任何 Shopify 應用程式。
- 沒有符合您需求的 Shopify 應用程式像素。
步驟
- 建立自訂像素,訂閱您所需的標準及自訂顧客事件。
-
從 liquid 檔案移除或取代先前新增的像素程式碼,或從結帳設定中移除或取代其他指令碼。這可能包含下列動作:
- 尋找並移除包含 Javascript SDK 的舊像素程式碼。
- 尋找並移除收集標準事件的舊像素程式碼。
- 尋找並移除收集非標準事件的舊像素程式碼。
尋找舊像素程式碼
若要移轉舊像素,您需要找到舊像素程式碼,才能將其移除或修改。大部分的像素都有兩個您需要尋找的元件:
- 基底 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");
});