Meta 資料集| 埋設 FB 像素的下一步?請安裝 Meta Pixel Helper!
最後更新 2025-01-09

從 WACA 後台的【整合服務】➜【Facebook】➜【Facebook 像素和 conversion api (轉換 api)】➜ 輸入【Facebook Pixel (像素)】後,要如何得知像素是否有正確安裝在商店中呢?

貼心的 Meta 公司特別製作 Chrome 擴充外掛功能『Facebook Pixel Helper』(即 Meta Pixel Helper),透過 Chrome 瀏覽器可以查看網站是否有埋入 Meta 資料集並且可以檢查像素是否正常運作中喔!

哪些時機需要使用 Facebook Pixel Helper 呢?

① 想確認像素是否有正確埋放在商店時。

② 想確認像素是否在商店正常運作中;如出現異常可透過此程式確認問題點。

③ 商店埋放多個像素時,可分別查看個別像素的執行情形。

本篇文章主要是教學如何在電腦中安裝『Facebook Pixel Helper』、 WACA 商店常見的像素標準事件以及注意事項說明,點擊以下連結快速到達段落:

目錄
     

 

 

 

  • 安裝 Facebook Pixel Helper

Facebook Pixel Helper 安裝非常簡單且快速,請按照以下步驟進行設定:

  1. 開啟 Chrome 瀏覽器-一般模式視窗 (請勿使用無痕模式喔!)
  2. 進入【chrome 線上應用程式商店
  3. 點擊加到Chrome【
    chrome 線上應用程式商店加入facebook pixel helper
  4. 瀏覽器會跳出提醒,詢問是否要新增「Facebook Pixel Helper」,請點擊新增擴充功能【
    新增擴充功能
  5. 瀏覽器右上角有一個『擴充功能』區塊,上面會顯示『已將 Facebook Pixel Helper 加到 Chrome』的訊息
    瀏覽器會出現Facebook Pixel Helper 加到 Chrome的提醒訊息
  6. 請點擊擴充功能圖示【】,請依照下圖指示,用滑鼠點擊圖釘圖樣,將程式釘選在瀏覽器上方。
    點選擴充功能的圖示找到 FACEBOOK PIXEL HELPER
  7. 當圖釘顯示【】填滿色時,代表已設置釘選完成,這樣『Facebook Pixel Helper』圖示就會一直顯示在Chrome瀏覽器上方唷!
    將 FACEBOOK PIXEL HELPER的功能釘選到列表
  8. 完成『Facebook Pixel Helper』安裝後,只要進入任何網頁,都可以點擊圖示查看相關資訊;例如以下畫面,如果該網站沒有埋放像素,開啟『Facebook Pixel Helper』會呈現此畫面:
    網站沒有埋放像素,就不會顯示任何資訊
  9. 如果網站有埋放像素,點擊『Facebook Pixel Helper』圖示就會顯示像素資訊:
    網站有埋放像素Facebook Pixel Helper會顯示像素編號
  10. Facebook Pixel Helper 中可以看到『目前所在網址(首頁)』、『網站像素編號』及『事件』,相關位置請參照下圖說明:
    埋放的像素數量會顯示在擴充圖示上方

 

 

  • 常見像素標準事件

當使用者進入網站後 Facebook Pixel 像素就開始記錄使用者在網站內的操作軌跡;如果您想確認像素是否有正確安裝、或者事件是否有被正確觸發,在 Chrome 瀏覽器安裝『Facebook Pixel Helper 擴充功能』後,您可以自行進入商店操作步驟並同步透過 Facebook Pixel Helper 查看目前正在執行的事件;只要在事件名稱前方顯示綠色打勾【】圖示,代表該事件是正常執行中的唷!

以下是 WACA 商店常見的像素標準事件的相關說明,可以知道在哪些時機可以從 Facebook Pixel Helper 觸發對應事件,點擊下方連結快速前往段落:

WACA 商店常見【像素標準事件】說明
PageView  使用者進入商店首頁
ViewContent  使用者進入商品頁/自訂頁面/部落格頁(/product/detail/page/blogs
AddToCart  使用者將商品加入購物車
InitiateCheckout  使用者進入結帳頁(/cart
Purchase  使用者於結帳頁點擊『下一步』成立訂單至購買完成頁(/cart/finish
CompleteRegistration  使用者首次註冊商店會員
Lead  使用者登入/登出會員
AddToWishlist  使用者在登入會員狀態將商品加入『喜愛商品』
Search  使用者使用『搜尋』功能尋找商品(/label

 

 

    • PageView

PageView 是預設的像素追蹤頁,也就是商店首頁;進入商店首頁開啟『Facebook Pixel Helper』就會看到 PageView 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 PageView 事件有正確觸發及記錄。
 PageView 事件觸發

在『Facebook Pixel Helper』點擊【 事件名稱)】會展開記錄事件詳情唷!
 PageView 事件詳情

 

 

    • ViewContent3

ViewContent 是使用者到達『商品頁』『自訂頁面』『部落格』所顯示的追蹤事件;開啟『Facebook Pixel Helper』就會看到 ViewContent 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 ViewContent 事件有正確觸發及記錄。

    • 【進入商品頁】
      商品頁瀏覽會顯示ViewContent
    • 【進入自訂頁面】
      自訂頁面瀏覽會顯示ViewContent
    • 【進入部落格】
      部落格瀏覽會顯示ViewContent

 

 

    • AddToCart

AddToCart 是使用者將商品加入購物車後所顯示的追蹤事件;原則上會有二種的顯示時機:

    1. 【第 ① 種顯示時機】 於商店頁點擊【加入購物車】按鈕後
      網路商店點擊加入購物車按鈕
      再點擊商店右上角購物車圖示進入【我的購物車】介面,
      開啟『Facebook Pixel Helper』就會看到 AddToCart 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToCart 事件有正確觸發及記錄。
      加入購物車觸發事件AddToCart
    2. 【第 ② 種顯示時機】 使用者在商品頁點擊【立即購買】按鈕
      網路商店點選立即購買按鈕
      會直接進入結帳頁(跳過加入購物車過程),此時在結帳頁
      開啟『Facebook Pixel Helper』就會看到 AddToCart 事件。
      立即購買的過程中會把商品加入購物車觸發AddToCart事件

 

 

    • InitiateCheckout

InitiateCheckout 是使用者在從『我的購物車』點擊【前往結帳】以及從『商品頁』點擊【立即購買】進入結帳頁以及所顯示的追蹤事件:

    1. 【我的購物車 前往結帳】
      網路商店前往結帳
      從我的購物車點擊【前往結帳】按鈕進入結帳頁,開啟『Facebook Pixel Helper』就會看到 
      InitiateCheckout 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 InitiateCheckout 事件有正確觸發及記錄。
      網路商店進到結帳頁會觸發InitiateCheckout事件
    2. 【商品頁 立即購買】
      網路商店點選立即購買
      由於跳過加入『我的購物車』流程,因此在結帳頁
      開啟『Facebook Pixel Helper』會同時顯示 AddToCart 及 InitiateCheckout 事件。
      點選立即購買會進到結帳頁觸發InitiateCheckout事件

 

 

    • Purchase

Purchase 是使用者在『結帳頁』點擊下一步【】按鈕,在完成結帳流程(取得訂單編號)後,頁面會轉跳至『購買完成頁』;開啟『Facebook Pixel Helper』就會看到 Purchase 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Purchase 事件有正確觸發及記錄。
進到訂單成立的頁面會觸發Purchase事件

在『Facebook Pixel Helper』點擊【 ▶ Purchase】會展開記錄事件詳情,可以看到事件有記錄訂單編號、購買商品、金額、數量、幣別等資訊唷!
Purchase可以查看事件詳情

 

 

    • CompleteRegistration

CompleteRegistration 是使用者首次註冊商店會員時所顯示的追蹤事件;進入歡迎頁開啟『Facebook Pixel Helper』就會看到 CompleteRegistration 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 CompleteRegistration 事件有正確觸發及記錄。
會員註冊成功會觸發CompleteRegistration

 

 

    • Lead

Lead 是使用者登入/登出商店會員時所顯示的追蹤事件;登入/登出會員時開啟『Facebook Pixel Helper』就會看到 Lead 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Lead 事件有正確觸發及記錄。
會員登入和登出會觸發Lead事件

 

 

    • AddToWishlist

AddToWishlist 是使用者在登入商店會員,將商品加入『喜愛商品』時所顯示的追蹤事件開啟『Facebook Pixel Helper』就會看到 AddToWishlist 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToWishlist 事件有正確觸發及記錄。

    1. 【從商品頁加入喜愛商品】
      網路商店會員將商品加入喜愛商品會觸發AddToWishlist
    2. 【從商店首頁/商店分類頁加入喜愛商品】
      AddToWishlist可以查看事件詳情

 

 

    • Search

Search 是使用者到達『搜尋結果頁』所顯示的追蹤事件,搜尋功能位在商店右側的【搜尋】圖示,可輸入關鍵字搜尋商品。
網路商店搜尋商品

進入搜尋結果頁後開啟『Facebook Pixel Helper』就會看到 Search 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Search 事件有正確觸發及記錄。
搜尋時會觸發Search事件

 

 

  • 注意事項

若 FB 事件管理工具顯示像素異常時, 可以實際到商店前台使用 Facebook Pixel Helper 工具檢查像素埋放情形;如有異常情形會依照嚴重程度分別顯示『黃色警告』或『紅色錯誤』

黃色警告 代表影響程度較小,對像素功能影響不大
紅色錯誤 代表像素異常已經無法正常執行需要將像素修復,否則會影響廣告投放

以 WACA 商店來說,只要您的 WACA 商店像素是完全按照『這篇文章』的教學安裝設定,原則上不會顯示紅色錯誤喔!😊

以上是 Facebook Pixel Helper 的安裝、以及常見的標準事件觸發說明;有在商店埋放FB像素、追蹤使用者足跡的您,建議可以安裝這個工具檢視商店埋放的像素情形喔!

 

WACA 電商充電站