• 【實用工具】埋設FB像素的下一步?請安裝 Facebook Pixel Helper!

    • 最後更新 2021-11-04 16:51

     

    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 商店常見的像素標準事件以及注意事項說明,點擊以下連結快速到達段落:

    安裝 Facebook Pixel Helper

    常見像素標準事件

    注意事項

     


     

     

     

    安裝 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 付費商家獨享權益 🥂

    電商充電站】讓您隨時學習不受限!

    👉 觀看《Facebook Pixel Helper像素協助工具》教學影片請點我 👈

    ※請使用 WACA 主帳號信箱登入觀看※


     

TOP