Facebook Pixel 代碼部署

Facebook Pixel？臉書像素？是 Facebook 的網頁追蹤代碼，用於追蹤與衡量網站的訪客，可以針對指定受眾做在行銷或是建立相似受眾找到更多的淺在客戶群，所以在 Facebook 上投放廣告之前埋設追蹤碼是必要的。不過 Facebook 在 Google Tag Manager 沒有預設模組，所以需要用自訂 HTML 設置，不過有一些地方需要注意，確保資訊有正確的送出，若有其他問題歡迎留言提問。

Facebook Pixel

全頁追蹤 All Pages

PageView

這是預設的像素跟踪頁面訪問，在訪客登陸您的網站頁面時觸發，Facebook 後臺產生時會同時存在。

設置：

1. 選用自訂 HTML 直接將程式碼貼上。
2. 代碼觸發選項選用每個網頁一次，避免同一頁面觸發多次。
3. 觸發條件選擇 All Pages。

事件 Event

官方定義一些標準事件，這邊使用ViewContent與Contact做說明，兩者差異前者為到達頁面時觸發，後者為點擊觸發，在設置上稍有些不同，目的是確保訊息有正確的送出。

Facebook 事件都建議使用 trackSingle，避免影響其他的 pixel 事件收集，導致後臺計算成效時有落差。
如：fbq('trackSingle', '<Pixel Id>', '<Event>');

到達指定頁面

ViewContent

為到達指定頁面時觸發，需要注意的是要在 PageView 完成後才能執行，同類型的有 InitiateCheckout、Purchase。

設置：

1. 選用自訂 HTML 將事件代碼貼上。
2. 代碼觸發順序勾選啟用前先啟用 PageView 代碼，這會確保代碼的執行順序。
3. 觸發條件選擇 Dom Ready，加上指定頁面條件，再次確保代碼執行順序。

指定元素點擊

Contact

為點擊指定元素時觸發，通常發生時已經完成了 PageView 的事件，同類型常見的如：AddToCart、AddToWishlist、Search…等。

設置：

1. 選用自訂 HTML 將事件代碼貼上。
2. 觸發條件選擇點擊，加上指定元素條件。

檢查小工具

Facebook Pixel Helper