【實用工具】埋設FB像素的下一步?請安裝Facebook Pixel ...
文章推薦指數: 80 %
③ 商店埋放多個像素時,可分別查看個別像素的執行情形。
本篇文章主要是教學如何在電腦中安裝『Facebook Pixel Helper』、 WACA 商店常見的像素標準事件 ...
WACA
登入
Facebook粉絲團
支援你從零開始網路開店
多階層
會員登入
現金積點
超商取貨
金流
PayNow
GoogleAnalytics
冷凍
支援中心
賣家中心
開店輔助
最後更新2021-11-0416:51
Facebook
像素
FB像素
廣告工具
從WACA後台的【行銷推廣】➜【Facebook】➜【Facebook像素和conversionapi(轉換api)】➜輸入【FacebookPixel(像素)】後,要如何得知像素是否有正確安裝在商店中呢?
貼心的Facebook公司特別製作Chrome擴充外掛功能『FacebookPixelHelper』,透過Chrome瀏覽器可以查看網站是否有埋入Facebook像素並且可以檢查像素是否正常運作中喔!
哪些時機需要使用 FacebookPixelHelper 呢?
① 想確認像素是否有正確埋放在商店時。
② 想確認像素是否在商店正常運作中;如出現異常可透過此程式確認問題點。
③ 商店埋放多個像素時,可分別查看個別像素的執行情形。
本篇文章主要是教學如何在電腦中安裝『FacebookPixelHelper』、WACA商店常見的像素標準事件以及注意事項說明,點擊以下連結快速到達段落:
安裝FacebookPixelHelper
常見像素標準事件
注意事項
安裝FacebookPixelHelper
FacebookPixelHelper安裝非常簡單且快速,請按照以下步驟進行設定:
①開啟Chrome瀏覽器-一般模式視窗(請勿使用無痕模式喔!)
②進入【chrome線上應用程式商店】
③點擊加到Chrome【】
④瀏覽器會跳出提醒,詢問是否要新增「FacebookPixelHelper」
請點擊新增擴充功能【】
⑤瀏覽器右上角有一個『擴充功能』區塊
上面會顯示『已將FacebookPixelHelper加到Chrome』的訊息
⑥ 請點擊擴充功能圖示【】,請依照下圖指示,用滑鼠點擊圖釘圖樣,將程式釘選在瀏覽器上方。
⑦ 當圖釘顯示【】填滿色時,代表已設置釘選完成,
這樣『FacebookPixelHelper』圖示就會一直顯示在Chrome瀏覽器上方唷!
完成『FacebookPixelHelper』安裝後,只要進入任何網頁,都可以點擊圖示查看相關資訊,
例如以下畫面,如果該網站沒有埋放像素,開啟『FacebookPixelHelper』會呈現此畫面:
如果網站有埋放像素,點擊『FacebookPixelHelper』圖示就會顯示像素資訊:
FacebookPixelHelper中可以看到『目前所在網址(首頁)』、『網站像素編號』及『事件』,相關位置請參照下圖說明。
常見像素標準事件
當使用者進入網站後FacebookPixel像素就開始記錄使用者在網站內的操作軌跡;如果您想確認像素是否有正確安裝、或者事件是否有被正確觸發,在 Chrome瀏覽器安裝『FacebookPixelHelper擴充功能』後,您可以自行進入商店操作步驟並同步透過FacebookPixelHelper查看目前正在執行的事件;只要在事件名稱前方顯示綠色打勾【】圖示,代表該事件是正常執行中的唷!
以下是WACA商店常見的像素標準事件的相關說明,可以知道在哪些時機可以從FacebookPixelHelper觸發對應事件,點擊下方連結快速前往段落:
WACA商店常見【像素標準事件】說明
PageView
使用者進入商店首頁
ViewContent
使用者進入商品頁/自訂頁面/部落格頁(/product/detail、/page、/blogs)
AddToCart
使用者將商品加入購物車
InitiateCheckout
使用者進入結帳頁(/cart)
Purchase
使用者於結帳頁點擊『下一步』成立訂單至購買完成頁(/cart/finish)
CompleteRegistration
使用者首次註冊商店會員
Lead
使用者登入/登出會員
AddToWishlist
使用者在登入會員狀態將商品加入『喜愛商品』
Search
使用者使用『搜尋』功能尋找商品(/label)
PageView
PageView是預設的像素追蹤頁,也就是商店首頁;進入商店首頁開啟『FacebookPixelHelper』就會看到PageView事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且PageView事件有正確觸發及記錄。
在『FacebookPixelHelper』點擊【 ▶(事件名稱)】會展開記錄事件詳情唷!
ViewContent
ViewContent是使用者到達『商品頁』『自訂頁面』『部落格』所顯示的追蹤事件;開啟『FacebookPixelHelper』就會看到 ViewContent 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 ViewContent 事件有正確觸發及記錄。
【進入商品頁】
【進入自訂頁面】
【進入部落格】
AddToCart
AddToCart是使用者將商品加入購物車後所顯示的追蹤事件;原則上會有二種的顯示時機:
【第①種顯示時機】
於商店頁點擊【加入購物車】按鈕後
再點擊商店右上角購物車圖示進入【我的購物車】介面,開啟『FacebookPixelHelper』就會看到 AddToCart 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToCart 事件有正確觸發及記錄。
【第②種顯示時機】
使用者在商品頁點擊【立即購買】按鈕
會直接進入結帳頁(跳過加入購物車過程),此時在結帳頁開啟『FacebookPixelHelper』就會看到 AddToCart 事件。
InitiateCheckout
InitiateCheckout是使用者在從『我的購物車』點擊【前往結帳】以及從『商品頁』點擊【立即購買】進入結帳頁以及所顯示的追蹤事件:
①【我的購物車 ➜ 前往結帳】
從我的購物車點擊【前往結帳】按鈕進入結帳頁,開啟『FacebookPixelHelper』就會看到 InitiateCheckout 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 InitiateCheckout 事件有正確觸發及記錄。
②【商品頁 ➜ 立即購買】
由於跳過加入『我的購物車』流程,因此在結帳頁開啟『FacebookPixelHelper』會同時顯示AddToCart及 InitiateCheckout 事件。
Purchase
Purchase 是使用者在『結帳頁』點擊下一步【】按鈕,在完成結帳流程(取得訂單編號)後,頁面會轉跳至『購買完成頁』;開啟『FacebookPixelHelper』就會看到Purchase 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Purchase 事件有正確觸發及記錄。
在『FacebookPixelHelper』點擊【 ▶ Purchase】會展開記錄事件詳情,可以看到事件有記錄訂單編號、購買商品、金額、數量、幣別等資訊唷!
CompleteRegistration
CompleteRegistration 是使用者首次註冊商店會員時所顯示的追蹤事件;進入歡迎頁開啟『FacebookPixelHelper』就會看到 CompleteRegistration 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 CompleteRegistration 事件有正確觸發及記錄。
Lead
Lead是使用者登入/登出商店會員時所顯示的追蹤事件;登入/登出會員時開啟『FacebookPixelHelper』就會看到 Lead 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Lead 事件有正確觸發及記錄。
AddToWishlist
AddToWishlist 是使用者在登入商店會員,將商品加入『喜愛商品』時所顯示的追蹤事件;開啟『FacebookPixelHelper』就會看到 AddToWishlist 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 AddToWishlist 事件有正確觸發及記錄。
①【從商品頁加入喜愛商品】
②【從商店首頁/商店分類頁加入喜愛商品】
Search
Search是使用者到達『搜尋結果頁』所顯示的追蹤事件,搜尋功能位在商店右側的【搜尋】圖示,可輸入關鍵字搜尋商品。
進入搜尋結果頁後開啟『FacebookPixelHelper』就會看到 Search 事件,前方的綠色打勾【】圖示,代表商店像素有正確埋放,並且 Search 事件有正確觸發及記錄。
注意事項
若FB事件管理工具顯示像素異常時, 可以實際到商店前台使用 FacebookPixelHelper 工具檢查像素埋放情形;如有異常情形會依照嚴重程度分別顯示『黃色警告』或『紅色錯誤』
黃色警告
➜
代表影響程度較小,對像素功能影響不大
紅色錯誤
➜
代表像素異常已經無法正常執行需要將像素修復,否則會影響廣告投放
以WACA商店來說,只要您的WACA商店像素是完全按照『這篇文章』的教學安裝設定,原則上不會顯示紅色錯誤喔!😊
以上是FacebookPixelHelper的安裝、以及常見的標準事件觸發說明;有在商店埋放FB像素、追蹤使用者足跡的您,建議可以安裝這個工具檢視商店埋放的像素情形喔!
🥂WACA付費商家獨享權益 🥂
【電商充電站】讓您隨時學習不受限!
👉 觀看《FacebookPixelHelper像素協助工具》教學影片請點我 👈
※請使用WACA主帳號信箱登入觀看※
Facebook廣告像素、轉換API設定及網域驗證
Facebook像素是什麼?可以做什麼用?
最後更新2021-11-2915:06
商店設定|前台選單管理介紹
最後更新2021-11-0417:08
Cookie是什麼?讓網站瀏覽更順暢的關鍵元素
最後更新2021-11-0416:51
【實用工具】埋設FB像素的下一步?請安裝FacebookPixelHelper!
最後更新2021-11-0517:13
Facebook廣告像素、轉換API設定及網域驗證
最後更新2021-11-0417:11
LINE會員登入失敗常見原因-Safari私密瀏覽
商品登錄
商品設定
19
商品管理
8
商店佈景
佈景設定
7
商店設定
商店基本設定
12
運送設定
22
付款設定
16
客服輔助與顧客關係
9
訂單管理
日常出貨
15
訂單搜尋與管理
11
行銷推廣
數位行銷
25
行銷活動設定
12
品牌推廣
6
會員管理
會員登入設定
3
會員相關功能
10
文章管理
文章編輯
6
賣家中心
後台管理
5
WACA功能更新總整理
5
開店輔助
15
商品
物流
第三方
PayNow
Google
金流
批次
出貨
運費
付款
信用卡
綠界
跨境電商
超商取貨
宅配
圖片
超商
行銷追蹤工具
Facebook
列印標籤
WACA2分鐘打造您的網路商店
預約專人諮詢
馬上免費註冊
TOP
延伸文章資訊
- 1A Step-by-Step Guide to Using Facebook Pixel Helper
But what is the Facebook Pixel Helper? Well, it's a free Chrome extension (sorry, Firefox) that m...
- 2【實用工具】埋設FB像素的下一步?請安裝Facebook Pixel ...
③ 商店埋放多個像素時,可分別查看個別像素的執行情形。 本篇文章主要是教學如何在電腦中安裝『Facebook Pixel Helper』、 WACA 商店常見的像素標準事件 ...
- 33個步驟快速安裝Facebook Pixel Helper
【原文鏈接: 知行Facebook廣告行銷學院】 Facebook Pixel Helper是Chrome瀏覽器擴展程序,可用作Facebook Pixel故障排除工具。它可用來檢查Facebo...
- 4Facebook Pixel Helper:解決Facebook Pixel 失效的Chrome ...
Facebook Pixel Helper:解決Facebook Pixel 失效的Chrome 外掛. 有沒有想過如何知道您的Facebook 像素是否正確發揮作用? 嗯..
- 5Facebook Pixel Helper:它是什麼,如何設置? - Affde營銷
Facebook Pixel Helper是Google Chrome瀏覽器擴展程序,可作為Pixel的故障排除工具。 在此頁面上了解更多!