移轉像素
如果您之前已在以下位置手動新增像素至您的商店:theme.liquid 、checkout.liquid(僅限 Shopify Plus 方案)、結帳頁面設定的其他指令碼或偏好設定頁面,然後您可以遷移像素以與 Shopify 應用程式像素或自訂像素相容。移轉舊像素的一些好處包括:
- 更方便存取追蹤顧客事件,包括結帳頁面的事件
- 遵守隱私權政策的內建工具
- Shopify 和像素提供者的持續維護和改進
深入瞭解 Shopify 的像素管理工具,以及移轉至 Shopify 應用程式像素或自訂像素的完整優勢。
此頁面上
從偏好設定頁面移轉 Meta 和 Google 像素
2025 年 2 月 2 日,Shopify 管理介面的 Meta 和 Google Analytics 像素管理設定將會升級,以符合支付卡產業資料安全標準 (PCI DSS) 的最新安全標準和法規。此變更可確保您的業務和顧客資訊保持安全,免於資料外洩及詐騙風險。深入瞭解 Shopify 如何協助您的商店保持 PCI DSS v4 合規性。
如果您在 Shopify 管理介面的「網路商店」>「偏好設定」頁面設定了 Meta 像素或 Google 通用分析標籤,請於 2025 年 2 月 2 日之前執行以下動作之一,以繼續追蹤 Meta 和 Google 事件:
若要獲得最準確的追蹤與成效,請將像素移轉至以下管道之一:
如果您不再需要像素來進行追蹤,則請從 Shopify 管理介面前往「網路商店」>「偏好設定 」,從您的商店中刪除像素。
將 Google Analytics 像素移轉至 Google & YouTube 管道應用程式
為避免 Google Analytics 衡量中斷,建議您將 Google Analytics 代碼移轉至 Google & YouTube 管道應用程式。若您未將代碼移轉至應用程式,您的代碼將自動轉換為自訂像素,這可能會導致 Google Analytics 的衡量成效和功能下降。具體來說,您可以預期會產生以下影響:
- 由於事件衡量和代碼行為的差異,Google Analytics 中報告的資料可能有所變化 (或者,在某些情況下可能會遺失)。
Google Analytics 的核心功能 (例如加強型評估和跨網域評估) 可能無法正常運作。
Tag Assistant 可能無法運作,或者可能無法正確回報您的 GA4 代碼。
代碼診斷工具可能無法正確識別您的 GA4 代碼,或者可能建議不適合您使用的功能。
您之前新增至其他 Google Analytics Javascript 區段的設定都會被刪除。
Google Analytics 代碼的同意聲明處理方式可能有所變更。
移轉您的 Google Analytics 像素
在 Google & YouTube 管道應用程式中,您追蹤的像素稱為代碼。如要從「偏好設定」頁面移轉 Google 代碼,您需先在商店中安裝並設定 Google & YouTube 管道應用程式。
根據您是否使用 Google Analytics 4 (GA4),請按照以下其中一組步驟移轉 Google Analytics 像素:
-
若您尚未設定 Google Analytics,請按照以下步驟使用 Google & YouTube 管道應用程式來設定 Google Analytics。系統將自動設定以下電子商務事件的 GA 代碼:
- view_item
- add_to_cart
- begin_checkout
- 購買
- 搜尋
- add_payment_info
- page_view
如果您已使用 Google Analytics,請按照步驟確認並設定您的 Google 測量 ID。
確認並設定您的 Google 評估 ID 步驟
- 前往 https://analytics.google.com/ 並登入您的 Google Analytics 4 帳戶,然後尋找您的評估 ID。
- 在 Shopify 管理介面中,前往「銷售管道」>「Google & YouTube」。
- 在 Google Analytics 屬性區段中找到您的 Google Analytics 評估 ID。
- 若「Google 和 YouTube」管道應用程式中的評估 ID 與您 Analytics 帳戶中的評估 ID 相符,則無需採取任何動作。
- 如果這兩個位置的評估 ID 不相符,建議您在 Google & YouTube 管道應用程式中使用您的評估 ID 設定 Google Analytics。
將 Meta 像素移轉到 Facebook 與 Instagram 管道
若要從偏好設定頁面移轉 Meta 像素,您需要在商店中安裝並設定 Facebook 與 Instagram 管道應用程式。移轉 Meta 像素的步驟取決於您目前的像素設定。
檢查您目前的 Meta 像素設定
- 在 Shopify 管理介面 ,前往「線上商店」>「偏好設定」。
- 在 Facebook 像素區段中 ,檢查您的像素 ID。
- 可選:如果您的現有像素已連接到 Facebook 與 Instagram 管道,那麼請透過 Shopify 管理介面的單獨瀏覽器分頁,前往「銷售管道」>「Facebook 與 Instagram」。
- 按一下「設定」,然後在「共享資料 」區段中檢查您的像素 ID。
- 比較偏好設定頁面和 Facebook 與 Instagram 管道中的像素 ID,檢查兩者是否相同,然後繼續以相應方式移轉 Meta 像素 。
移轉您的 Meta 像素
根據您目前的 Meta 像素設定,執行以下動作來移轉您的像素:
- 如果偏好設定頁面和 Facebook 與 Instagram 管道中的像素 ID 彼此匹配,則無需執行任何動作。
- 如果偏好設定頁面和 Facebook 與 Instagram 管道中的像素 ID 不同,請按照偏好設定和 Facebook 與 Instagram 管道的不同像素步驟操作。
- 如果您的偏好設定頁面只有一個像素 ID,且您尚未將其連接到 Facebook 與 Instagram 管道,則請按照僅偏好設定步驟執行操作。
偏好設定和 Facebook 與 Instagram 管道中的不同像素
如果您偏好設定頁面和 Facebook 與 Instagram 管道中的像素 ID 不同,請首先確定要繼續使用哪個像素 ID。
若要繼續使用連接到 Facebook 與 Instagram 管道的像素 ID,請從偏好設定頁面刪除其他像素 ID:
- 在 Shopify 管理介面 ,前往「線上商店」>「偏好設定」。
- 在「Facebook 像素」區段中 ,按一下「移除」以移除像素。
- 按一下「儲存」。
若要繼續使用偏好設定頁面「Facebook 像素」區段的像素 ID,請從 Facebook 與 Instagram 管道中刪除其他像素 ID,然後將其替換為偏好設定頁面的像素:
- 從偏好設定頁面的 Facebook 像素區段複製像素 ID。
- 前往「銷售管道」>「Facebook 與 Instagram」>「設定」。
- 在「共享資料」區段中,按一下「變更」。
- 將像素 ID 變更為偏好設定頁面中顯示的像素 ID。
僅偏好設定中的像素
如果您的偏好設定頁面只有一個像素 ID ,且您尚未將其連接到 Facebook 與 Instagram 管道,請從偏好設定頁面複製該像素,然後在 Facebook 與 Instagram 管道中建立 Meta 像素。在步驟 7 中,貼上偏好設定頁面的像素 ID。
從以下位置移轉舊像素:theme.liquid、checkout.liquid或其他指令碼
當您從 theme.liquid、checkout.liquid或其他指令碼移轉舊像素時,您可以執行以下任一操作:
為了避免重複或遺失顧客事件,請考慮在商店較不繁忙的期間移轉像素。
準備移轉像素
決定是否移轉工作流程時,請考量以下事項:
- 若要儘量降低發生缺少顧客事件的機率,請連結新的自訂像素,再移除舊像素。
- 若要避免重複追蹤顧客事件,請移除舊像素,再連結新的自訂像素。
- 若要移轉舊像素,您需要找到舊像素程式碼,才能將其移除或修改。大部分的像素都有兩個您需要尋找的元件:
- 基本 Javascript SDK:Javascript SDK 通常會置於頁首,您可以在結帳頁面設定的 theme.liquid 和其他指令碼中找到。
- 用於收集顧客事件的舊像素程式碼:您通常可以在佈景主題的 Liquid 檔案中找到此程式碼,在結帳頁面設定中則可找到其他指令碼。請參閱第三方像素提供者的文件,查找顧客事件位置,以便瞭解要搜尋哪些內容 。例如,Meta 的像素有一個名為 fbq() 的方法,而 Google 像素通常使用 gtag() 或 dataLayer.push()。
移轉舊像素,以便與應用程式像素相容
如果同時符合下列兩個條件,您可能會想移轉舊像素,以便與應用程式像素相容:
- 您已安裝可自動收集顧客事件的 Shopify 應用程式像素。
- 您也為應用程式像素無法追蹤的自訂事件新增了一些其他程式碼。
在此情況下,您應按照應用程式開發人員的指示來移轉舊像素。
將舊像素移轉至自訂像素
如果同時符合下列兩個條件,您可能會想將舊像素移轉至自訂像素:
- 您先前安裝的像素是由自己手動編寫程式碼,且未安裝任何 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");
});