從零開始安裝 Meta Pixel 與設定轉換 API

最後更新日期： 2023 年 12 月 10 日

為了因應 iOS 14.5 隱私權政策的更新，加上各大瀏覽器開始有計劃且階段性的阻擋第三方 Cookie，Meta 從 2021 年初開始，祭出各種補破網的措施來因應資料遺漏的問題，包括網域驗證、事件數量上限 (現已取消)、轉換 API 等，雖然無法百分百精準的反應事件數量，但至少能從重殘的狀態恢復到 8~9 成數據量是沒問題的，而且行銷人員還是可以靠 Google Analytics 來參考整體數據趨勢，整體影響並非想像嚴重。

這篇文章會帶大家從零開始安裝 Meta Pixel 與設定轉換 API，經過三年時間的進化，轉換 API 的設定步驟已經變得簡易許多，不像剛開始推出時，需要請工程師開立伺服器專用 GTM + GCP 才能收伺服器資料那般複雜。

什麼是轉換 API？

轉換 API，原名為 Conversion API ，簡稱為 CAPI，是 Meta 為了因應瀏覽器阻擋第三方 Cookie 下的產物，傳統 Pixel 追蹤的方式是透過瀏覽器來蒐集使用者數據，但如今這個單一途徑被切斷，導致 Meta 不得不另闢蹊徑，使用全新的追蹤方式 – 轉換 API 來繞道取資料，允許廣告主透過伺服器端蒐集事件資料，彌補原先透過瀏覽器蒐集時遺失的數據，圖解大概會像是這樣：

也就是說，除了保留原先瀏覽器的資料之外，還加入伺服器端的事件資料，開啟雙通道追蹤模式，讓數據更完整。

如何安裝？

本篇文章主要示範 WordPress 的安裝環境，另外會再補充目前市面上主流的電商平台的安裝流程。

安裝環境：WordPress

我推薦兩款外掛，一個是官方開發的 Meta pixel for WordPress，另一款則是非官方，但相當知名的綜合代碼集成外掛 PixelYourSite。

推薦外掛：Meta pixel for WordPress

1. 首先，到企業管理平台設定介面，點選「資料來源」的「資料集」，按「新增」。

2. 輸入像素名稱，通常會是你的官網名稱，也可以依照自己喜好取名。

3. 點選「新增相關人員」，指派像素權限給自己，請留意選擇權限等級為「管理事件資料集」，也就是最高權限。

4. 指派完成後，你會看到相關人員出現你的名字，代表授權成功，你現在是這組像素的管理員。接著請點選右上角的「在事件管理工具中開啟」。

5. 到 WordPress 外掛市集搜尋 Meta pixel for WordPress，找到該外掛並安裝啟用。

6. 到左側欄的「設定」>「Meta」，點選「Get Started」。

7. 登入 Facebook 帳號，並選擇要連結的企業管理平台、粉絲專頁、廣告帳號、Meta 像素，並開啟「自動進階配對」，接著一路按下一步到確定連結為止。

* 注意：這組帳號必須要同時有企業管理平台、粉絲專頁、廣告帳號、Meta 像素的「管理員」權限。

8. 最後一步，請勾選「I agree to share my token with this site」，並按下「Confirm」。

9. 介面顯示「Your Business Is Connected To Facebook」當你看到這個畫面時，就代表已經連結完成。

10. 接著回到 Meta 企業管理平台介面，點選「資料來源」的「資料集」，此時像素的相關人員新增了 CAPI 和 WordPress 的系統角色，請點選右上角的「在事件管理工具中開啟」。

11. 選擇剛才已連結的像素，並切換到「測試事件」頁籤，輸入網址後點選「開啟網站」。

12. 重整網站後查看測試結果，理應會即時偵測到 PageView 事件。

13. 多重整幾次網頁後，切換到「總覽」頁籤，查看剛剛的 PageView 事件細節，在「整合工具」欄會顯示「多個」，代表的意思就是系統同時收到從瀏覽器和伺服器來的事件數據，分別是 10 筆和 4 筆。

推薦外掛：PixelYourSite

(請完成上述流程到第 4 步之後，再接著往下走)

1. 到 WordPress 外掛市集搜尋 PixelYourSite，找到該外掛並安裝啟用。

2. 點選左側欄的「PixelYourSite」，會看到專屬的設定介面，點選 Your Meta Pixel 的 Click for settings。

3. 回到 Meta 企業管理平台介面，點選「資料來源」的「資料集」，複製像素編號。

4. 打開事件管理工具，切換到「設定」頁籤，往下滑找到轉換 API 區塊的「產生存取權杖」，複製這串權杖 (API token)。

5. 回到 PixelYourSite 介面，貼上像素編號與 CAPI 權杖，並打開 CAPI 與 Advanced Matching 開關。

6. 往下滑，點選「Save Settings」，完成設定。

完成上述步驟後，請測試像素有無觸發以及是否有成功從伺服器端收到資料，請參考 Meta pixel for WordPress 流程的第 11 個步驟。

安裝環境：電商平台

目前主流的電商平台像是 Shopify、SHOPLINE、CYBERBIZ、91APP、meepShop、WACA 都已經使用 Meta 商業擴充套件或串好 API 接口，可以透過單一帳號授權或填入 API token 的方式來快速設定像素和 CAPI，各家平台的串接方式大同小異。

示範平台：WACA

以下使用 WACA 平台作為示範如何設定 Meta Pixel 與 CAPI，本篇著重在像素安裝，其他像是商店、產品目錄等購物設定不在本篇介紹範疇。

1. 進入「行銷推廣」，預設會進到 Facebook 分頁。

2. 下方有三個設定工具，選擇中間的「Facebook 像素和 Conversion API」。

3. 填入 Meta Pixel ID 與 API 權杖，並按下「儲存」，即可完成串接，後續請回到事件管理工具完成測試環節。

主流電商平台埋設方法

這邊也補充其他電商平台包含 WACA 的官方教學文件：

【透過 Shopify Facebook Pixel Apps】

• Shopify

【透過 Meta 商業擴充套件】

• SHOPLINE

• CYBERBIZ

• 91APP

【透過填入 Pixel ID 與 API token 對接】

• meepShop

• WACA

使用電商平台其他注意事項

由於電商平台要設定的不止 Meta Pixel 和 CPAI，還有商店、產品目錄、DPA 廣告、ASC 廣告等進階購物功能，請各位在設定時也要留意官方教學文件的其他說明，但不管怎麼樣，在進入上述設定之前，最好先有幾個基本盤資產：

• Meta 企業管理平台：俗稱 BM

• Facebook 粉絲專頁

• Instagram 官方帳號：非必要，但如果有的話，請先跟 Facebook 粉絲專頁進行綁定

• 廣告帳號：可以在企業管理平台建立，預設每個 BM 一開始可建立廣告帳號數量上限為 1 個

若上述都有先準備好，在後續設定電商平台擴充套件時會比較順利，最後祝各位設定過程都順利！

加碼補充：設定好像素後要怎麼選擇行銷目標建立廣告？延伸閱讀：【Facebook Ads】行銷目標變少了？大改版更新報你知。