文章目錄
這一篇介紹如何通過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黏貼進入:
觸發條件選擇“All Pages”就可以了。
代碼範本(推薦)
第二種方法是通過代碼範本的方式,在社群範本庫裡有Facebook Pixle的代碼,使用這個去安裝Facebook Pixle更方便,我推薦使用這種方法。
從Facebook Pixel可以知道Pixel ID是1353547285005031。
在GTM中點擊「代碼」——「新建」——「請選擇代碼類型以開始設定…」——「探索社群範本庫的其他代碼類型」,搜尋“Facebook”:
選擇“Facebook Pixel”:
點擊「新增至工作區」——「新增」。
命名為“Facebook Pixel”,將Pixel ID黏貼進入:
觸發條件選擇“All Pages”就可以了。
接下來,我們就可以去設定Facebook事件了,延伸閱讀:Google Tag Manager上設定Facebook事件