【實用工具】埋設FB像素的下一步?請安裝 Facebook Pixel Helper!
最後更新 2023-08-31

 

WACA's Facebook Pixel Helper Banner

 

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

 

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

 

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

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

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

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

 

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

  1. 安裝 Facebook Pixel Helper
  2. 常見像素標準事件
  3. 注意事項

 

 

安裝 Facebook Pixel Helper

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

① 開啟 Chrome 瀏覽器-一般模式視窗 (請勿使用無痕模式喔!)

② 進入【chrome 線上應用程式商店

③ 點擊加到Chrome【

chrome 線上應用程式商店加入facebook pixel helper

 

④ 瀏覽器會跳出提醒,詢問是否要新增「Facebook Pixel Helper」

  請點擊新增擴充功能【

新增擴充功能

 

⑤ 瀏覽器右上角有一個『擴充功能』區塊

  上面會顯示『已將 Facebook Pixel Helper 加到 Chrome』的訊息

瀏覽器會出現Facebook Pixel Helper 加到 Chrome的提醒訊息

 

⑥ 請點擊擴充功能圖示【】,請依照下圖指示,用滑鼠點擊圖釘圖樣,將程式釘選在瀏覽器上方。

點選擴充功能的圖示找到 FACEBOOK PIXEL HELPER

 

⑦ 當圖釘顯示【】填滿色時,代表已設置釘選完成,

  這樣『Facebook Pixel Helper』圖示就會一直顯示在Chrome瀏覽器上方唷!

將 FACEBOOK PIXEL HELPER的功能釘選到列表

 

完成『Facebook Pixel Helper』安裝後,只要進入任何網頁,都可以點擊圖示查看相關資訊,

例如以下畫面,如果該網站沒有埋放像素,開啟『Facebook Pixel Helper』會呈現此畫面:

網站沒有埋放像素,就不會顯示任何資訊

 

如果網站有埋放像素,點擊『Facebook Pixel Helper』圖示就會顯示像素資訊:

網站有埋放像素Facebook Pixel Helper會顯示像素編號

 

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 事件詳情


 

 

ViewContent

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

【進入商品頁】

商品頁瀏覽會顯示ViewContent

【進入自訂頁面】

自訂頁面瀏覽會顯示ViewContent

【進入部落格】

部落格瀏覽會顯示ViewContent


 

 

AddToCart

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

【第 ① 種顯示時機】

於商店頁點擊【加入購物車】按鈕後

網路商店點擊加入購物車按鈕

再點擊商店右上角購物車圖示進入【我的購物車】介面,開啟『Facebook Pixel Helper』就會看到 AddToCart 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToCart 事件有正確觸發及記錄。

加入購物車觸發事件AddToCart

 

【第 ② 種顯示時機】

使用者在商品頁點擊【立即購買】按鈕

網路商店點選立即購買按鈕

會直接進入結帳頁(跳過加入購物車過程),此時在結帳頁開啟『Facebook Pixel Helper』就會看到 AddToCart 事件。

立即購買的過程中會把商品加入購物車觸發AddToCart事件


 

 

InitiateCheckout

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

①【我的購物車  前往結帳】

網路商店前往結帳

從我的購物車點擊【前往結帳】按鈕進入結帳頁,開啟『Facebook Pixel Helper』就會看到 InitiateCheckout 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 InitiateCheckout 事件有正確觸發及記錄。

網路商店進到結帳頁會觸發InitiateCheckout事件

 

②【商品頁  立即購買】

網路商店點選立即購買

由於跳過加入『我的購物車』流程,因此在結帳頁開啟『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 事件有正確觸發及記錄。

【從商品頁加入喜愛商品】

網路商店會員將商品加入喜愛商品會觸發AddToWishlist

【從商店首頁/商店分類頁加入喜愛商品】

AddToWishlist可以查看事件詳情


 

 

Search

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

網路商店搜尋商品

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

搜尋時會觸發Search事件

 


 

 

注意事項

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

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

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

 

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

 

WACA 電商充電站