將 Facebook 像素新增至您的線上商店

您可以整合 Facebook 像素與您的線上商店,協助您瞭解客戶行為和流量。Facebook 像素可收集客戶如何使用您線上商店頁面的相關資料,方便您更有效規劃廣告宣傳活動以尋找新客戶。

為您的線上商店新增 Facebook 像素之前,您可以前往 Facebook 使用說明,深入瞭解 Facebook 像素

開始之前

您需要擁有 Facebook 廣告帳戶並在 Facebook 廣告管理員中設定像素,才能為您的線上商店新增 Facebook 像素。如果您之前曾為您的線上商店使用過一個 Facebook 像素,而您想建立新的像素,那麼您需要先移除線上商店中的 Facebook 像素程式碼。

建立 Facebook 廣告帳號

您必須擁有 Facebook 廣告帳號才能建立 Facebook 像素。若要建立帳號,請前往 Facebook

Facebook 使用說明中的逐步指引

您可以前往 Facebook 使用說明,取得搭配 Shopify 使用 Facebook 像素的逐步指引。

移除線上商店中的 Facebook 像素程式碼

如果您已在線上商店偏好設定中新增像素 ID,則可使用在 Facebook 建立的新像素 ID 將其取代。

如果您曾編輯佈景主題程式碼以新增 Facebook 像素,則必須先移除像素程式碼,才能在線上商店偏好設定中新增 Facebook 像素 ID。否則,您的商店將有多個像素,可能導致您的報告中資料重複或錯誤。

從佈景主題檔案中移除像素程式碼

若您已藉由在 Shopify 中編輯商店的佈景主題來將 Facebook 像素新增至您的線上商店,您可以從 theme.liquid 檔案中移除現有的像素程式碼。

步驟:

  1. 在「目前的佈景主題」區段中,按一下「動作」然後選取「編輯程式碼」。
  2. 按一下 theme.liquid 檔案,開啟程式碼編輯器。
  3. 刪除 Facebook 像素程式碼,位於 <head></head> 標籤之間。
  4. 按一下「儲存」

建立 Facebook 像素

您可以在 Facebook 廣告管理員中建立 Facebook 像素。如需建立 Facebook 像素的步驟,請前往 Facebook 使用說明。

將 Facebook 像素 ID 新增至您的線上商店偏好設定中

您可以在 Shopify 中將 Facebook 像素 ID 新增至線上商店,以便整合像素與線上商店。您不需要編輯線上商店程式碼即可使用此整合,只需在線上商店偏好設定中輸入 Facebook 像素 ID 即可。如需將 Shopify 帳號連結至 Facebook 的詳細說明,請參閱 Facebook 廣告主使用說明。

步驟:

  1. 在 Shopify 管理員中,前往「線上商店」 > 「偏好設定」

  2. 在「Facebook 像素」區段中,新增您的Facebook 像素 ID: - 若您是第一次新增像素,請輸入 Facebook 像素 ID:

    • 如果您要從現有的 Facebook 像素變更為新像素,請按一下「變更」再輸入新的 Facebook 像素 ID。
  3. 按一下「儲存」

將像素新增至線上商店後,您可以使用 Facebook 廣告管理員確認像素是否正常運作。請前往 Facebook 使用說明,瞭解如何確認 Facebook 像素是否正常運作

Facebook 像素標準活動

您在 Shopify 新增 Facebook 像素後,該像素就會追蹤線上商店的特定活動。您可以使用活動資料來深入瞭解客戶如何與您的商店互動。請前往 Facebook 使用說明,深入瞭解如何使用 Facebook 像素標準活動建立行銷活動和追蹤轉換次數。

追蹤價值的活動使用的是訂單的小計,不包含稅金或運費。

整合 Facebook 像素與線上商店後,像素會自動追蹤 6 個標準活動:

Facebook 像素標準活動說明
活動名稱 活動說明
ViewContent 當訪客檢視某頁面 (例如商品頁面)
搜尋 當訪客進行搜尋
AddToCart 當訪客將商品加入購物車
InitiateCheckout 當訪客按一下結帳按鈕
AddPaymentInfo 當訪客在結帳流程中輸入付款資訊
Purchase 當客戶在結帳流程中完成購買並檢視您的感謝頁面

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

免費試用