Skip to content

Facebook Pixel 怎麼安裝?事件設定與驗證

Posted in :

jc-seo

facebook pixel 現在的官方名稱是 Meta 像素(Meta Pixel),它是一段放在網站上的 JavaScript 程式碼,負責記錄訪客在網站上的動作並回傳給 Meta,讓你在廣告管理員看到廣告帶來多少轉換,也能用這些資料建立網站訪客受眾。安裝方式主要有三種:把基本程式碼貼進每一頁的 head 區段、使用電商或架站平台的整合功能,或透過代碼管理工具部署。裝好之後,再設定標準事件或自訂轉換,並用 Meta Pixel Helper 與事件管理工具確認事件有正確送出。

Meta 像素的用途與安裝前準備

Meta 像素做的事可以分成三類:

  • 衡量轉換:記錄購買、填表等動作,並在廣告管理員中呈現,用來判斷廣告成效。
  • 建立受眾:依造訪過的網址或觸發的事件,建立網站訪客的自訂廣告受眾(Custom Audiences),再對這群人投放廣告。
  • 支援型錄廣告:電商若要投放以商品型錄產生的 Advantage+ catalog ads,需要用像素送出瀏覽商品、加入購物車與購買事件,並帶上和商品型錄一致的商品 ID。

開始前要準備三樣東西:能管理廣告帳號的 Meta 帳號、可以進入事件管理工具(Events Manager)取得像素基本程式碼的權限,以及網站範本或架站平台後台的修改權限。另外先列出要追蹤的動作,例如詢價表單送出、加入購物車、完成付款,後面設定事件時才有依據。廣告活動本身怎麼建立,可以另外參考FB 廣告投放步驟。

三種安裝方式怎麼選

方式 做法 適合情況 注意事項
手動貼程式碼 從事件管理工具取得基本程式碼,貼在每一頁 head 開頭與結尾標籤之間 自行開發、可直接編輯範本的網站 放進共用頁首範本,改版換範本時要一併搬移
平台整合 在電商或架站平台後台連結 Meta 帳號 使用 Shopify 這類提供 Meta 官方整合的平台 若先前手動貼過程式碼,平台說明會要求先移除
代碼管理工具 在 Google 代碼管理工具新增代碼部署 已經用 GTM 管理其他追蹤代碼的網站 觸發條件要涵蓋所有頁面,發布前先預覽

Meta 的開發者文件指出,像素可以在多數代碼管理工具中運作。用 GTM 部署的好處是追蹤代碼集中管理、每次修改都有版本紀錄,帳戶、容器與發布流程可參考GTM 教學。三種方式擇一即可,同一個像素用兩種方式各裝一次,事件就會重複送出。

標準事件、自訂事件與自訂轉換

基本程式碼裝好後,還要設定轉換。Meta 提供三種做法:

標準事件

由 Meta 預先定義名稱的動作,網站在動作發生時呼叫像素函式送出。常用的有:

  • Purchase:完成購買,必須帶 currency 與 value 兩個參數
  • Lead:完成名單登記,例如送出詢價表單
  • AddToCart、InitiateCheckout:加入購物車、進入結帳
  • ViewContent:瀏覽重要頁面,例如商品頁
  • CompleteRegistration、Contact、Schedule:完成註冊、聯絡商家、預約到店

自訂事件

標準事件都不適用時,可以自己命名事件,例如「下載型錄」。官方文件的說法是預先定義的標準事件不符合需求時才自訂,所以命名前先確認有沒有對應的標準事件;自訂事件也可以用來建立自訂廣告受眾。

自訂轉換

完全在事件管理工具中建立,不必改程式碼,例如設定「網址包含 /thank-you/」就算一次詢價。它適合送出後會跳到感謝頁的表單;送出後網址不變的表單,就要改用事件追蹤。

用 Meta Pixel Helper 檢查安裝

Meta Pixel Helper 是 Meta 提供的 Chrome 擴充功能。用 Chrome 開啟自己的網站並點選工具圖示,偵測到像素時圖示會變成藍色,彈出視窗會列出頁面上找到的像素、送出的事件,以及錯誤與警告。常見訊息與處理方式如下:

  • Pixel Did Not Load:找到類似像素的程式碼,但沒有真正送出請求,常見原因是程式碼有誤,或事件綁在按鈕點擊這類動作上、尚未被觸發。
  • Pixel Activated Multiple Times:同一個像素 ID 與事件名稱在同一頁送出不止一次,可能是重複安裝。
  • Invalid Pixel ID:送出的像素 ID 對不上系統中的像素,請回事件管理工具核對。

Pixel Helper 只看得到瀏覽器送出的事件。檢查完後,再到事件管理工具確認事件確實被接收,並實際走一次購物車、結帳、表單送出等流程,確認每個關鍵步驟都有對應的事件。

轉換 API 與事件去重複

轉換 API(Conversions API)是從伺服器、網站平台、應用程式或顧客關係管理系統,直接把事件傳給 Meta 的方式,不依賴訪客的瀏覽器。Meta 的開發者文件建議廣告主在像素之外同時導入轉換 API,讓事件有兩條並行的回傳管道。

兩邊送出同一個事件時,必須讓 Meta 認得那是同一件事,否則一筆購買會被重複計算。去重複有兩個條件:像素的事件 ID(eventID)要和轉換 API 的 event_id 相同,像素的事件名稱也要和轉換 API 的 event_name 相同。另外,透過轉換 API 傳送的電子郵件、電話等顧客資訊要先雜湊處理,使用 Meta 官方 Business SDK 時會自動完成。上線前可以用事件管理工具的測試事件工具檢查伺服器事件,但測試用的 test_event_code 欄位在正式送出時必須移除。

網域驗證與事件設定檢查

網域驗證是在 Meta 的企業管理平台(Business Manager)宣告網域歸你所有,驗證後可以控制連結內容的編輯權限,避免網域被他人冒用。驗證方式有三種,擇一完成即可:在網站首頁的 head 區段加入 Meta 提供的中繼標記、把 Meta 提供的 HTML 檔案上傳到網站根目錄,或在網域的 DNS 設定加入一筆 TXT 紀錄。驗證完成後,建議用下面的清單把事件設定再檢查一次:

  • 每個重要轉換只對應一個事件,不在多個地方重複送出
  • 購買事件帶有正確的金額與幣別
  • 型錄廣告用到的商品 ID 和商品型錄一致
  • 感謝頁被重新整理時,不會再算一次轉換
  • 網站改版、換範本或換平台後,重新用 Pixel Helper 逐頁檢查

常見問題

一個網站可以安裝多個 Meta 像素嗎?

可以,Pixel Helper 會列出頁面上找到的所有像素。但每多一個像素就多一份要維護的設定,除非不同廣告帳號或合作夥伴確實需要各自的資料,否則用一個像素集中管理比較單純。

安裝像素需要在隱私權政策中說明嗎?

像素會蒐集訪客的瀏覽行為,依營運地區的法規,網站通常需要說明追蹤技術的用途,部分地區還要先取得同意。Meta 開發者文件也提醒可能需要遵守 GDPR,實際作法請以主管機關公告或法律意見為準。

單頁式網站或表單送出後網址不變,要怎麼追蹤?

這種情況用網址規則的自訂轉換抓不到,要改在表單送出成功或畫面切換時呼叫事件。Meta 開發者文件另有單頁式應用程式的像素標記指南,可以交給工程人員依指南實作。

Pixel Helper 圖示沒有變藍代表什麼?

代表目前頁面沒有偵測到像素。先確認程式碼是否還在頁首範本中、網站快取是否已更新,也確認檢查的是正式上線的頁面,而不是預覽或測試網址。

自訂轉換和標準事件可以同時使用嗎?

可以。標準事件適合需要帶金額、商品 ID 的轉換;自訂轉換可以在不改程式的情況下,用網址規則補充其他轉換,例如只計算某條產品線感謝頁的詢價。

本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。

想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?

相關主題

下一步

像素裝好之後,先用 Pixel Helper 與事件管理工具確認每個關鍵步驟都有事件,再評估是否加上轉換 API。京采的轉換優化與數據追蹤服務可以協助規劃事件與自訂轉換、透過 GTM 部署像素,並檢查重複觸發與去重複設定。想確認目前的像素是否正常,歡迎與我們聯繫。