更新時間:2026年6月2日
這篇文章將介紹如何透過 Google Tag Manager(GTM) 安裝 Facebook Pixel(Meta Pixel)。
Facebook Pixel主要由兩個部分組成:
- Pixel 基底程式碼(Base Code)
- 事件程式碼(Event Code)
其中,基底程式碼負責初始化 Pixel,讓 Facebook 能夠識別網站訪客;而事件程式碼則用來追蹤特定行為,例如頁面瀏覽、加入購物車、完成購買等。
本篇將先介紹如何安裝Facebook Pixel基底程式碼,並示範兩種常見的設定方式:
- 自訂 HTML
- 代碼範本(推薦)
取得Facebook Pixel程式碼
首先,前往Facebook事件管理工具(Events Manager),建立Pixel後即可取得Pixel程式碼。
範例如下:
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1353547285005031');
fbq('track', 'PageView');
</script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1353547285005031&ev=PageView&noscript=1" /></noscript><!-- End Meta Pixel Code -->
方法一:使用自訂 HTML
這是最傳統的安裝方式,直接將Facebook提供的程式碼貼入GTM。
在GTM中點擊「代碼」——「新建」——「請選擇代碼類型以開始設定…」——「自訂HTML」,命名為“Facebook Pixel”,將Facebook Pixel黏貼進入:
觸發條件選擇“All Pages”,代表網站每次載入頁面時都會執行 Facebook Pixel。
完成後儲存即可。
方法二:使用代碼範本(推薦)
除了自行貼上程式碼之外,GTM社群範本庫(Community Template Gallery)也提供了Facebook Pixel的官方範本。
相較於自訂 HTML,代碼範本具有以下優點:
- 設定更簡單
- 不需自行維護程式碼
- 容易管理 Pixel ID
- 後續設定事件更方便
- 可降低程式碼貼錯的風險
因此,我個人較推薦使用此方法。
步驟一:取得 Pixel ID
從Facebook Pixel程式碼中,可以找到 Pixel ID,例如1353547285005031。
步驟二:安裝Facebook Pixel範本
在GTM中點擊「代碼」——「新建」——「請選擇代碼類型以開始設定…」——「探索社群範本庫的其他代碼類型」,搜尋“Facebook”:
選擇“Facebook Pixel”:
點擊「新增至工作區」——「新增」。
步驟三:設定Facebook Pixel標籤
命名為“Facebook Pixel”,將Pixel ID黏貼進入:
觸發條件選擇“All Pages”就可以了。
驗證是否安裝成功
完成部署後,建議使用以下方式確認 Pixel 是否正常運作:
- Facebook Events Manager 即時測試(Test Events)
- Meta Pixel Helper 瀏覽器擴充功能
- GTM 預覽模式(Preview Mode)
確認頁面載入時有成功觸發PageView事件,即表示 Facebook Pixel 已成功安裝。
下一步:設定Facebook事件追蹤
接下來,我們就可以去設定Facebook事件了,延伸閱讀:Google Tag Manager上設定Facebook事件



