Shopping Cart

購物車內沒有任何商品。

新增 Meta 臉書像素教學,WordPress 網站串接像素完整指南

嗨大家好,我是彥誠,今天來聊Facebook 像素,是電商網站不可或缺的工具,透過串接 Facebook 像素,不只可以追蹤使用者的行為,更能分析轉換數據、進行廣告再行銷,進一步提升投資報酬率,這篇文章將手把手教你如何新增臉書像素,將 FB 臉書像素新增到 WordPress 網站上。

什麼是 Facebook 像素?為什麼一定要安裝像素?

Facebook 像素是一段由 Meta 提供的 JavaScript 程式碼,能讓網站擷取訪客的互動行為,像是瀏覽網站、加入購物車或購買等。

Facebook 像素數據被回傳到 Facebook 廣告帳號中可以:

  • 精準追蹤廣告成效
  • 建立「類似受眾」與「再行銷」
  • 分析哪個商品頁最吸引顧客
  • 針對購物行為優化廣告

尤其對電商網站來說,這等於可以追蹤客戶的行為,讓你更清楚知道銷售流程哪一個環節出現問題。

如何新增 Meta 像素?

在開始串接像素前,需要先建立像素。

建立 Meta 商務帳號,新增像素

進入 Meta Business Suite,在「企業管理平台設定」中選擇「資料來源」→「資料集」

螢幕擷取畫面 2025 04 15 011703 1

然後給像素取個名稱,接著選擇「建立」。

螢幕擷取畫面 2025 04 15 003407

WordPress 如何串接 Facebook 像素?

在剛剛建立像素的資料集中,點右上角的三個點點,點擊「在事件管理工具中開啟」

像素點開事件管理工具

步驟一:找到資料集編號

先點擊設定,找到資料集編號,記住它的位置,等一下會用到

要先記住這串資料集編號 等一下會用到

步驟二:找到產生存取權杖

接著往下滑後在轉換API的區塊找到「產生存取權杖」,然後點它。

產生存取權杖

點擊「產生存取權杖」後,會跑出一串代碼,點它可以複製,等一下也會用到。

複製權杖

步驟三:安裝外掛 pixel cat

外掛安裝搜尋 pixel cat 找到外掛安裝,或者手動下載 pixel cat 上傳外掛。

安裝pixel cat

步驟四:串接像素

進入 pixel cat 點擊 +Add Pixel。

pixel cat

在 Type of Pixel 的地方選擇 Facebook Conversions API
然後填入資料集編號(就是像素ID),以及剛剛複製的權杖,然後儲存。

add a pixel

4. 如何確認像素是否安裝成功?

裝好像素後,可以用 Chrome 瀏覽器的擴充功能 Meta Pixel Helper 來檢查。

安裝 Meta Pixel Helper 擴充

開啟 Google Chrome ,點右上三個點點>選擴充功能>選前往Chrome線上商店

這張圖片的 alt 屬性值為空,它的檔案名稱為 -1200x672.png

搜尋欄搜尋 Meta Pixel Helper ,然後加到Chrome。

擴充下載

檢查方法

用 Google Chrome 打開你要檢查的網站,然後點擊右上方</>的小圖示,就可以知道有沒有收到像素事件囉~

像素安裝成功失敗

6. 結語

對於任何經營電商或網站的人來說,串接 Facebook 像素不再只是技術問題,而是一個行銷與成長的必備工具

不論你是剛起步的新手,還是正準備優化你的轉換率,現在就跟著這篇文章把像素裝起來吧!

彥誠
彥誠

嗨你好,我是彥誠。除了網站架設之外,喜歡研究行銷,也好喜歡被成功行銷的體驗,很高興可以在這邊與你交流!