這是 Facebook Pixel 在開發者文件上的用法定義:「The Facebook Pixel is the main tool you can use to track events on a website and build audiences based on this data.」

可以知道原來 Pixel 不僅僅只是紀錄在你網站的這個人是誰,作為之後下廣告的客群參考,還能針對網站上的行爲將你的網站使用者做分類/標記,在未來下廣告時能夠使用。你也可以把 Pixel 的用法看作是 Google Analytics,只是兩者目的性不同。

facebook pixel conversion event-based

臉書預設即有支援不少事件,但都是電商為主的事件相關,像是:ViewContent, Search, AddToCart, InitiateCheckout, AddPaymentInfo, Purchase 等等。

fbq track event sample

從上例可以看到參數支援的也算是齊全,一般電商會有的商品名稱、商品類型、商品分類、價錢等等,都有相對應的欄位可以支援。


作為分隔線,講到這可能大家還是不大明白事件的用處,舉個例來說,想像你正在 Pxhome 購物,想要買一個無線基地台:

  1. 在搜尋框上輸入 WIFI AP -> Search_button
  2. 顯示出非常多 WIFI AP 相關的商品 -> Search
  3. 找到有興趣的點入其中 -> ViewContent
  4. 確定要購買,加入購物車 -> AddToCart
  5. 直接進行結帳,輸入收件資訊 -> InitiateCheckout
  6. 使用信用卡付款 -> AddPaymentInfo
  7. 付款完成 -> Purchase

使用者要完成在線上商城購買的步驟非常的多,即使臉書支援了快 10 種事件,對於強迫症重度患者的大數據痴、廣告狂,仍是有許多欲求不滿的地方。臉書便支援了客製化事件功能(像是上述的 Search_button),讓你自行定義自己的事件名稱,甚至還能丟入自己的參數呢:

facebook track custom event sample

這邊在使用上需要特別留意一個參數 value,在搭配 currency 幣值的狀況下,直覺都是使用這個產品的價格做為判定,但在臉書官方文件中有這麼一段

facebook pixel value param description

可以知道 value 這個參數,臉書的用意是要拿來給商家評估使用者在這個事件(ViewContent, AddToCart, Purchase, ...)上,所給商家帶來的價值。所以你說商品的價格就是帶給商家的價值呀~這也是沒錯,但以剛剛舉的 Pxhome 案例來說,其實只有最後一個步驟:Purchase 完成了,才有這個價值,其他的基本來說都是沒用的,當然也就不用特別設定 value,除非有要個別針對每個動作做 ROAS 當作廣告策略,那就又是另個話題惹。

實務上也非常簡單,針對需要設定事件的按鈕定義點擊的 callback 呼叫即可,以 jquery 為例則為:

// 一般事件追蹤
$("#add_to_cart").click(function(){
   fbq('track', 'AddToCart', {
    content_ids: [123],
    content_name: "WIFI AP"
  });
})

// 特殊事件,留意是 trackCustom 不是 track
$("#search").click(function(){
   fbq('trackCustom', 'Search_button', {
    keyword: "WIFI AP"
  });
})

這篇比較像是引導文,有興趣的可以去官方文件爬一爬,有機會下篇再來分享參數的設定與實際下廣告的關聯。