如何設定臉書廣告像素｜常見Meta像素問題總整理

發佈留言 / GoogleTagManager / 作者:

臉書廣告(Meta Pixel)像素怎麼埋設，怎麼讓pixel有正確出發事件? 本篇將所有Meta像素埋設需要用到的技術，都會在這一篇總整理，提供給讀者參考。對於電商平台想要投放廣告在Meta，最重要的也是先將臉書像素埋設好，這樣後續才有利於廣告追蹤、受眾包收集後續再行銷使用。

如果你是電商產業，最重要的就是在前端拿到「購買金額」，並透過GTM回傳給Meta像素，讓Meta進行廣告投放的ROAS計算。如果你是要提高「廣告追蹤的精準度」，那就會需要透過伺服器追蹤，將前端的事件，與伺服器的事件分派給Pixel一起進行收集，後續再藉由「EventID」，來將重複的事件Deduplicated即可。

透過臉書廣告投放，建議一定要有設定「伺服器追蹤埋設」，隨著IOS政策，以及使用者越來越多會安裝ADBLOCKER，你的廣告會越來越處於不利的狀態，如果你不懂伺服器運行的原理，可以參考。有伺服器同時也能自訂追蹤網域，讓你的追蹤網址長得跟別人不一樣，減少被廣告攔截器阻擋的機會。

如果讀者是廣代需要幫客戶進行廣告埋設，那你可能會需要注意「是否同時有多Pixel」收集情況；是否有些廠商使用範本，而有些使用自訂html。多種因素下都會導致你埋設的Pixel收集不正確。

常見的Meta廣告像素問題

以下是常見的臉書廣告埋設時會遇到的問題，也幫大家整理起來，歡迎閱讀。

像素埋設實務

新增像素

至企業管理平台中的選單，找到「事件管理工具」。如果你沒有企業管理平台，是否有下過廣告? 如果有你一樣可以從「廣告管理員」找到上圖位置。

點選連結資料來源。

點選網站類型。

輸入你自己的pixel名稱，方便未來識別用。

貼上要追蹤的網址。

複製此像素ID，待會進行GTM設定時會用到。

透過臉書範本埋設

前往GTM(client容器)，點選範本，並且點選右上角的Search Gallery (搜尋範本庫)。

找到Facebook Pixel範本，並點選新增。

前往代碼，選擇前一步驟新增的範本。以下是針對上圖的個別欄位進行解說。

Facebook Pixel ID：填入 FBPixel ID

Event Name：輸入你要的事件

  • Standard為Meta定義的標準事件。
  • Custome為自行輸入的自訂事件。
  • Variable為透過變數的動態名稱事件。

 Object Properties：物件(追蹤)參數

如果你是電子商務類型，要計算ROAS那一定要回傳購買事件金額給臉書，另外可以再透過前端收集產品ID、產品名稱、並且填入對應的Key中 (詳看上圖範例)。

透過自訂html進行埋設

如果你是喜歡用上一個段落「透過臉書範本」進行埋設，那這一個段落你就可以跳過，因為兩個目的都是傳送事件給臉書，只是代碼的設定不同。透過自訂html你需要埋設初始代碼 (init)，再加上你要的事件。基礎代碼GTM中，一個pixel只會放一個init，而事件則是看你有幾個事件，就創造幾個自訂html進行追蹤。

透過企業管理平台=>事件管理工具=>點選手動安裝程式碼。

複製這整個程式碼，並貼在GTM中的自訂HTML。

<!-- 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', '123456789123456');
fbq('track', 'PageView');

</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=362148676447605&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

自訂html觸發設定

此為基礎代碼的額外設定，如果你的網站有多個pixel進行，調整代碼的觸發順序，或是修改觸發條件，都可以解決pixel追蹤的衝突，詳細可以參閱這篇文章。主要順序一定要init先啟動，才能繼續運行後面的自訂事件觸發，不然就會導致事件缺漏。

自訂事件埋設

<script>
  fbq('track', 'AddToCart', {
        value: {{div-value}},
        currency: 'TWD',
        content_ids: {{Dspyder - item_id}},
        content_name:{{Dspyder - dlv - item_name}},
        content_type:"product"
      });
</script>

如果你是要追蹤購買事件，只需要把上方的「AddToCart」，換成「Purchase」即可。其他的物件陣列參數，都需要你額外透過網站前端的回傳，可以用上面的寫法，如果你不知道怎麼抓取網站前端的事件金額，歡迎參閱。

如果你設定的網站有多個pixel同時運行追蹤，你一定要確保你自己的init是在事件觸發的前面。因此建議Tag Sequensing這邊可以在自訂事件前面觸發init確保正確的流程順序不會跑掉。而最上面的Tag Firing Priority則是適用調整自己的代碼順序，數字越小越優先觸發，適合使用在有多個Pixel並行追蹤。

測試

安裝Meta Pixel Helper可以查閱網站前端發出去的Pixel追蹤。

查看像素後台

埋設完成後，基本上事件會開始同步收集，你可以隔幾個小時後回到網站後台確認收集的情況。

使用CAPI追蹤真的會比較好嗎?

或許你在投放廣告的時候，有時候會看到META的提醒要埋設CAPI，以提高轉換成效的收集。我也提供一些數據證明埋設CAPI與單純使用瀏覽器追蹤的差異。

以下面這一張ViewContent 、AddToCart、Purchase的 比較 。藍色線是透過「瀏覽器」；橘色線是透過「伺服器」，兩者傳送至META的事件管理工具所收到的一整個月的事件量。你可以看到藍線與橘線還是存在少數落差，尤其是如果發生在轉換事件上，一定量的落差也會導致評估人員無法正確評判廣告成效；影響廣告系統的學習速度，這兩件事都是確定正在每一天重複上的事。

臉書CPAI伺服器轉換追蹤ADDTOCART成效
臉書CPAI伺服器轉換追蹤Purchase成效

如果你想用伺服器進行追蹤的話，你也可以選擇瀏覽器追蹤與伺服器追蹤同時並存，或者將伺服器追蹤使用在轉換事件上以節省伺服器請求的成本。

error: