GTM教學:透過Google Tag Manager安裝Facebook Pixel(Meta Pixel)的兩種方法

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

這一篇介紹如何通過Google Tag Manger安裝Facebook Pixel,Pixel由兩個部分組成,分別為基底程式碼和事件代碼,這一節主要介紹安裝基底程式碼,介紹兩種方法:自定義HTML和代碼範本。

我們在Facebook裡獲取的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

GTM中點擊「代碼」——「新建」——「請選擇代碼類型以開始設定…」——「自訂HTML」,命名為“Facebook Pixel”,將Facebook Pixel黏貼進入:

GTM教學:透過Google Tag Manager安裝Facebook Pixel(Meta Pixel)的兩種方法

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

 

代碼範本(推薦)

第二種方法是通過代碼範本的方式,在社群範本庫裡有Facebook Pixle的代碼,使用這個去安裝Facebook Pixle更方便,我推薦使用這種方法。

Facebook Pixel可以知道Pixel ID是1353547285005031。

GTM中點擊「代碼」——「新建」——「請選擇代碼類型以開始設定…」——「探索社群範本庫的其他代碼類型」,搜尋“Facebook”:

GTM教學:透過Google Tag Manager安裝Facebook Pixel(Meta Pixel)的兩種方法

 選擇“Facebook Pixel”:

GTM教學:透過Google Tag Manager安裝Facebook Pixel(Meta Pixel)的兩種方法

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

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

GTM教學:透過Google Tag Manager安裝Facebook Pixel(Meta Pixel)的兩種方法

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

 

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


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

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

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