移轉像素

如果您之前已在以下位置手動新增像素至您的商店:theme.liquidcheckout.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 步驟

  1. 前往 https://analytics.google.com/ 並登入您的 Google Analytics 4 帳戶,然後尋找您的評估 ID
  2. 在 Shopify 管理介面中,前往「銷售管道」>「Google & YouTube」。
  3. 在 Google Analytics 屬性區段中找到您的 Google Analytics 評估 ID。
    • 若「Google 和 YouTube」管道應用程式中的評估 ID 與您 Analytics 帳戶中的評估 ID 相符,則無需採取任何動作。
    • 如果這兩個位置的評估 ID 不相符,建議您在 Google & YouTube 管道應用程式中使用您的評估 ID 設定 Google Analytics

將 Meta 像素移轉到 Facebook 與 Instagram 管道

若要從偏好設定頁面移轉 Meta 像素,您需要在商店中安裝並設定 Facebook 與 Instagram 管道應用程式。移轉 Meta 像素的步驟取決於您目前的像素設定

檢查您目前的 Meta 像素設定

  1. 在 Shopify 管理介面 ,前往「線上商店」>「偏好設定」。
  2. Facebook 像素區段中 ,檢查您的像素 ID。
  3. 可選:如果您的現有像素已連接到 Facebook 與 Instagram 管道,那麼請透過 Shopify 管理介面的單獨瀏覽器分頁,前往「銷售管道」>「Facebook 與 Instagram」。
  4. 按一下「設定」,然後在「共享資料 」區段中檢查您的像素 ID。
  5. 比較偏好設定頁面和 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:

  1. 在 Shopify 管理介面 ,前往「線上商店」>「偏好設定」。
  2. 在「Facebook 像素」區段中 ,按一下「移除」以移除像素。
  3. 按一下「儲存」。

若要繼續使用偏好設定頁面「Facebook 像素」區段的像素 ID,請從 Facebook 與 Instagram 管道中刪除其他像素 ID,然後將其替換為偏好設定頁面的像素:

  1. 偏好設定頁面的 Facebook 像素區段複製像素 ID。
  2. 前往「銷售管道」>「Facebook 與 Instagram」>「設定」。
  3. 在「共享資料」區段中,按一下「變更」。
  4. 將像素 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 應用程式像素。

您可在移除舊像素程式碼之前或之後,連結新的自訂像素。

步驟如下:

  1. 建立自訂像素,訂閱您所需的標準及自訂顧客事件。
  2. 從 Liquid 檔案或結帳頁面設定的其他指令碼中刪除或替換之前新增的任何像素程式碼。這可能包括包含 Javascript SDK 的舊像素程式碼、收集標準事件或收集非標準事件。
  3. 將自訂像素新增至商店
  4. 連結您的自訂像素

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

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

沒有找到您需要的答案嗎?我們很樂意為您提供協助。