從 WACA 後台的【行銷推廣】➜【Facebook】➜【Facebook 像素和 conversion api (轉換 api)】➜ 輸入【Facebook Pixel (像素)】後,要如何得知像素是否有正確安裝在商店中呢?
貼心的 Facebook 公司特別製作 Chrome 擴充外掛功能『Facebook Pixel Helper』,透過 Chrome 瀏覽器可以查看網站是否有埋入 Facebook 像素並且可以檢查像素是否正常運作中喔!
哪些時機需要使用 Facebook Pixel Helper 呢?
① 想確認像素是否有正確埋放在商店時。
② 想確認像素是否在商店正常運作中;如出現異常可透過此程式確認問題點。
③ 商店埋放多個像素時,可分別查看個別像素的執行情形。
本篇文章主要是教學如何在電腦中安裝『Facebook Pixel Helper』、 WACA 商店常見的像素標準事件以及注意事項說明,點擊以下連結快速到達段落:
安裝 Facebook Pixel Helper
Facebook Pixel Helper 安裝非常簡單且快速,請按照以下步驟進行設定:
① 開啟 Chrome 瀏覽器-一般模式視窗 (請勿使用無痕模式喔!)
② 進入【chrome 線上應用程式商店】
③ 點擊加到Chrome【】
④ 瀏覽器會跳出提醒,詢問是否要新增「Facebook Pixel Helper」
請點擊新增擴充功能【】
⑤ 瀏覽器右上角有一個『擴充功能』區塊
上面會顯示『已將 Facebook Pixel Helper 加到 Chrome』的訊息
⑥ 請點擊擴充功能圖示【】,請依照下圖指示,用滑鼠點擊圖釘圖樣,將程式釘選在瀏覽器上方。
⑦ 當圖釘顯示【】填滿色時,代表已設置釘選完成,
這樣『Facebook Pixel Helper』圖示就會一直顯示在Chrome瀏覽器上方唷!
完成『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 事件有正確觸發及記錄。
在『Facebook Pixel Helper』點擊【 ▶ (事件名稱)】會展開記錄事件詳情唷!
ViewContent
ViewContent 是使用者到達『商品頁』『自訂頁面』『部落格』所顯示的追蹤事件;開啟『Facebook Pixel Helper』就會看到 ViewContent 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 ViewContent 事件有正確觸發及記錄。
【進入商品頁】
【進入自訂頁面】
【進入部落格】
AddToCart
AddToCart 是使用者將商品加入購物車後所顯示的追蹤事件;原則上會有二種的顯示時機:
【第 ① 種顯示時機】
於商店頁點擊【加入購物車】按鈕後
再點擊商店右上角購物車圖示進入【我的購物車】介面,開啟『Facebook Pixel Helper』就會看到 AddToCart 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToCart 事件有正確觸發及記錄。
【第 ② 種顯示時機】
使用者在商品頁點擊【立即購買】按鈕
會直接進入結帳頁(跳過加入購物車過程),此時在結帳頁開啟『Facebook Pixel Helper』就會看到 AddToCart 事件。
InitiateCheckout
InitiateCheckout 是使用者在從『我的購物車』點擊【前往結帳】以及從『商品頁』點擊【立即購買】進入結帳頁以及所顯示的追蹤事件:
①【我的購物車 ➜ 前往結帳】
從我的購物車點擊【前往結帳】按鈕進入結帳頁,開啟『Facebook Pixel Helper』就會看到 InitiateCheckout 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 InitiateCheckout 事件有正確觸發及記錄。
②【商品頁 ➜ 立即購買】
由於跳過加入『我的購物車』流程,因此在結帳頁開啟『Facebook Pixel Helper』會同時顯示 AddToCart 及 InitiateCheckout 事件。
Purchase
Purchase 是使用者在『結帳頁』點擊下一步【】按鈕,在完成結帳流程(取得訂單編號)後,頁面會轉跳至『購買完成頁』;開啟『Facebook Pixel Helper』就會看到 Purchase 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Purchase 事件有正確觸發及記錄。
在『Facebook Pixel Helper』點擊【 ▶ Purchase】會展開記錄事件詳情,可以看到事件有記錄訂單編號、購買商品、金額、數量、幣別等資訊唷!
CompleteRegistration
CompleteRegistration 是使用者首次註冊商店會員時所顯示的追蹤事件;進入歡迎頁開啟『Facebook Pixel Helper』就會看到 CompleteRegistration 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 CompleteRegistration 事件有正確觸發及記錄。
Lead
Lead 是使用者登入/登出商店會員時所顯示的追蹤事件;登入/登出會員時開啟『Facebook Pixel Helper』就會看到 Lead 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Lead 事件有正確觸發及記錄。
AddToWishlist
AddToWishlist 是使用者在登入商店會員,將商品加入『喜愛商品』時所顯示的追蹤事件;開啟『Facebook Pixel Helper』就會看到 AddToWishlist 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToWishlist 事件有正確觸發及記錄。
①【從商品頁加入喜愛商品】
②【從商店首頁/商店分類頁加入喜愛商品】
Search
Search 是使用者到達『搜尋結果頁』所顯示的追蹤事件,搜尋功能位在商店右側的【搜尋】圖示,可輸入關鍵字搜尋商品。
進入搜尋結果頁後開啟『Facebook Pixel Helper』就會看到 Search 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Search 事件有正確觸發及記錄。
注意事項
若 FB 事件管理工具顯示像素異常時, 可以實際到商店前台使用 Facebook Pixel Helper 工具檢查像素埋放情形;如有異常情形會依照嚴重程度分別顯示『黃色警告』或『紅色錯誤』
以 WACA 商店來說,只要您的 WACA 商店像素是完全按照『這篇文章』的教學安裝設定,原則上不會顯示紅色錯誤喔!😊
以上是 Facebook Pixel Helper 的安裝、以及常見的標準事件觸發說明;有在商店埋放FB像素、追蹤使用者足跡的您,建議可以安裝這個工具檢視商店埋放的像素情形喔!