有問題可以在文章底部留言

GTM安裝Facebook Pixel(Meta Pixel)的兩種方法

Google Tag Manager Haran 3年前 (2023-02-04) 9707次瀏覽 0條留言

更新時間:2026年6月2日

這篇文章將介紹如何透過 Google Tag Manager(GTM) 安裝 Facebook PixelMeta 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黏貼進入:

GTM安裝Facebook Pixel(Meta 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”:

GTM安裝Facebook Pixel(Meta Pixel)的兩種方法

 選擇“Facebook Pixel”:

GTM安裝Facebook Pixel(Meta Pixel)的兩種方法

點擊「新增至工作區」——「新增」。

步驟三:設定Facebook Pixel標籤

命名為“Facebook Pixel”,將Pixel ID黏貼進入:

GTM安裝Facebook Pixel(Meta Pixel)的兩種方法

觸發條件選擇“All Pages”就可以了。

驗證是否安裝成功

完成部署後,建議使用以下方式確認 Pixel 是否正常運作:

  • Facebook Events Manager 即時測試(Test Events)
  • Meta Pixel Helper 瀏覽器擴充功能
  • GTM 預覽模式(Preview Mode)

確認頁面載入時有成功觸發PageView事件,即表示 Facebook Pixel 已成功安裝。

下一步:設定Facebook事件追蹤

接下來,我們就可以去設定Facebook事件了,延伸閱讀:Google Tag Manager上設定Facebook事件


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (1)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址