聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|臉書像素重複事件怎麼解決
GTM前端應用

GTM教學|臉書像素重複事件怎麼解決

這一篇適合代理商人員,如果要操作新品牌的臉書廣告投放,如果遇到一個網站有多個pixel正在同時追蹤,該怎麼確保自家的Pixel可以正確發送。臉書廣告追蹤,由於品牌主可能會分給多間代理商同時進行,因此網站會有多個像素。我會建議直接使用 Server伺服器追蹤 來發送給其他行銷公司數據,同時也能幫助企業做好js代碼的管理。 你需要確認以下幾點: 你自己埋設的pixel全部都正確,觸發條件也正確。 別的代理商怎麼埋設。可能有使用Facebook範本、原生JS、原生JS外連檔案。 確定你的Facebook基礎代碼 (init),都有在事件發送前先觸發。 如果有重複事件發生,也確定只有埋一次,那就去追查

這一篇適合代理商人員,如果要操作新品牌的臉書廣告投放,如果遇到一個網站有多個pixel正在同時追蹤,該怎麼確保自家的Pixel可以正確發送。臉書廣告追蹤,由於品牌主可能會分給多間代理商同時進行,因此網站會有多個像素。我會建議直接使用 Server伺服器追蹤 來發送給其他行銷公司數據,同時也能幫助企業做好js代碼的管理。

你需要確認以下幾點:

  • 你自己埋設的pixel全部都正確,觸發條件也正確。
  • 別的代理商怎麼埋設。可能有使用Facebook範本、原生JS、原生JS外連檔案。
  • 確定你的Facebook基礎代碼 (init),都有在事件發送前先觸發。
  • 如果有重複事件發生,也確定只有埋一次,那就去追查哪個代碼是用track來寫的,逐一排除。

問題情境

<script> ... base code truncated 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '<PIXEL_A>'); fbq('track', 'PageView'); fbq('track', 'Purchase', { 'value': 4, 'currency': 'GBP' }); </script> <script> ... base code truncated 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '<PIXEL_B>'); fbq('track', 'PageView'); fbq('trackCustom', 'Step4'); //fires for both Pixel A and B </script> 如上面圖+程式碼示意,當我的Pixel A已經初始化,並完成Pageview, Purchase的送出後。再來接續初始化PixelB,理想中PixelB應該會接收到PageView & Step4。 但反而PIXEL A 也會接收到 Step4。

實際案例說明

A品牌方的網站,同時擁有10個不同代理商的Pixel。每次使用者在網站瀏覽時,網站都會觸發10條Pixel的初始化碼 + 事件追蹤碼。

假設A代理商想要追蹤自訂事件,也會造成其他9間皆收到一樣的事件,或是Pageview有重複,或是怎麼調就是事件收集不到。因為fbevents.js的觸發邏輯是,init function 會把我們的像素放到JS全域變數。因此後面呼叫的pageview, purchase的事件,全部都會傳送到已經有初始化的Pixel。所以也因此容易看到有PageView重複發送,或是事件有狀況的問題。

假設對發init的代碼是設定在pageview,那他們則可以到window loaded再啟動。基本上他們的代碼還是一樣可以正常生效,而其他間的反而會從原本的有誤,變成正常接收pixel事件。

解法 1 - TrackSingle

透過使用 trackSingle 和 trackSingleCustom 透過這兩個方式,可以將帶碼只限定要觸發在哪一個Pixel裡面。例如

fbq('trackSingle', '<PIXEL_A>', 'Purchase', { value: 4, currency: 'GBP', }); 這樣就能確保持有pixleA 的代理商,能觸發正確的Purchase事件,並且正確追蹤,不會影響其他pixel。

這個解法也適用在,如果你看到有一個事件重複觸發,可能是別家的像素正在影響你收集事件,因此使用這個寫法就有用。把他的追蹤事件,指定到他們家的pixel,而不是全部已init的pixel,就能做好區域與全域的區隔。

解法2 - 更改觸發順序

把你的init那個自訂HTML提早觸發。通常網站的JS情況有無限多種,而且不是每一間公司都願意讓我們調整js。因此只能確保初始化在最前面優先執行,後續推送我們要發送的FB PIXEL事件。

更改觸發條件

這個特別適合用在,其他行銷公司寫的js是使用外連的方式,所以你也看不到對方怎麼觸發的。但他們的代碼都是有接收成功,而你的pixel跟其他間pixel都是失敗。這時候你可以詢問對方公司要不要改一下觸發順序。

通常你會看到的代碼都是如下:

var dspyder_js=document.createElement('script'); dspyder_js.type='text/javascript'; dspyder_js.async=true; dspyder_js.src='//spyder.tw/ad/track.js';

如果你有在網站中的GTM找到以上自訂HTML,而且在前台有看到pixel像素。那就表示他們像素不是寫在該GTM裡面。因此大多狀況都是這樣導致其他公司pixel追蹤失利,所以可以這個的觸發條件,把他往後延到window loaded。

目前台灣現況

由於多數廣告代理商人員,並沒有程式碼的概念,所以這個方式只能確保自己的像素不要影響他人,甚至追蹤到自己公司需要的事件,但不能保證其他公司也照這個規矩來埋設,因此別人家的事件或多或少還是會影響到自身。

解決的方法,要不就品牌方不要一次包這個多間公司,或是你有本事把它全部品項拿下來做,或是直接撰寫js到他們網站的原始碼 (特別是舊型的網站),或是請甲方品牌主,設定GTM伺服器,由伺服器統一管理所有代理商的像素事件分發。

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!