FB Pixel
FB像素在哪裡?用Facebook像素追蹤網站行為、優化廣告|天矽網頁設計
Facebook的像素是什麼
Facebook的像素就是 FB Pixel 也稱FB像素。這個像素就是一段程式碼,用於追蹤廣告的轉換次數、再行銷以及建立相似的受眾。
如果企業屬於有任何銷售行為的產業,且需要在Facebook投遞廣告、將客人導入網站銷售,那麼就需要這個 FB Pixel。
FB像素程式碼
- 像素基底程式碼:
放在網站的所有頁面中,追蹤使用者在網站中的行為。 - 事件程式碼:
放在特定網站的頁面,追蹤特定的動作,如商品轉換、點擊等。
FB像素追蹤
- 標準事件追蹤:
Facebook的預設定義事件,包含以下網站動作:新增付款資料、加入購物車、加到願望清單、完成註冊、聯絡、開始結帳、購買、搜尋、瀏覽內容、自訂產品、捐款、尋找分店地點、潛在顧客、排程、開始試用、提交申請、訂閱。
以上網站動作Facebook都有提供標準事件的程式碼,可於「Facebook像素標準事件的詳細說明」網頁中查看,並將其複製到代碼之中。 - 自訂事件追蹤:
如果Facebook的預設事件中沒有想要的定義事件,就需要自行設定轉換。
比如商家想要知道客人在網站中有沒有遵循我們自訂的某些規則,像在網站中有mens的網址中購買商品,或購買大於某個價錢的參數值的商品,就會需要用到自訂事件追蹤。
詳細請參閱:Facebook關於網站自訂轉換說明
▲FB程式碼長相 (圖片出自Facebook Business 使用說明)
Facebook像素在哪裡
當我們得到FB的像素程式碼時,就會將此埋設在網站的<head>中,那麼我們要怎麼取得這個程式碼呢?
▲FB程式碼放在<head>中 (圖片出自Facebook Business 使用說明)
第一步、進入商務套件
首先我們先進入Facebook的企業用戶頁面(商務管理工具),再找到像素並點進去建立像素。
▲找到它(商務套件)
▲找到像素
▲建立像素
第二步、連結資料來源
如果進來發現裡面沒有東西(沒有建立過),請先點選「連結資料來源」。
第三步、建立像素
※使用 轉換API 此追蹤方式通常是 追蹤APP 的操作行為。
▲Facebook像素運用說明
第四步、設定像素名稱
▲設定名稱與網站
第五步、選擇像素安裝方式
可以選擇手動安裝程式碼或使用合作夥伴(Squarespace/Wordpres/Shopify…),但因為我們是自行架設的網站,因此我們會選擇「手動安裝」這個方式。
第六步、安裝基底程式碼
完成以上的步驟後,我們就可以獲得FB像素程式碼,也就是「Facebook Pixel Code」。
獲得code後就可以將此程式碼複製到首頁區段底部<head>之中,設於</head>上方,或在網站中的所有頁面安裝基底程式碼,如果還需要設定事件的追蹤,就請繼續往下看。
FB事件程式碼
完成上面的步驟後,我們就可以獲得一串程式碼,長這樣:
我們可以使用像素來追蹤事件,選擇要追蹤的事件後,貼到程式碼中,如下:
綠色那串代碼就是我們要追蹤的事件「加到購物車」。(參考FB預設定義事件 )
完成後就可以將這段程式碼貼到網站中啦!再來就是要檢查是否有安裝成功,這裡可以使用Chrome瀏覽器的擴充功能「Facebook Pixel Helper」來檢查狀態。
▲Facebook Pixel Helper
如果安裝成功,我們就可以透過瀏覽器看到這個畫面:
以上的步驟都完成、也安裝成功,就可以開始建立廣告了!現在我們可以利用這個像素追蹤廣告轉換、最佳化、再行銷…等各種追蹤行為囉!
▲由天矽科技協助安裝的客戶案例 (SOUL KIDS)