數位馬克町

拯救廣告成效的關鍵:FB像素(Pixel)完整教學

FB像素的介紹與設定教學

文/人土土

什麼是FB Pixel,非用不可嗎?

FB像素(Facebook Pixel)是Meta提供的一段程式碼,在Facebook正式更名為Meta後,Facebook Pixel也改稱為Meta像素(Meta Pixel)。

將此段程式碼安裝於網站上,有助協助廣告主瞭解「經由廣告而來的網友,是否有在網站上採取指定動作」
(因這個指定動作可視為是達成了廣告宣傳的目標,所以我們統稱為「轉換動作」。)

了解此點可以帶來以下三大好處:

1. 衡量廣告成果:

廣告成效怎麼被證明,一直是行銷人員最頭痛的問題之一。

透過Meta Pixel,系統將統計經由Facebook廣告,帶來多少網友完成轉換動作, 讓行銷人員可以將預算花在刀口上。

2. 建立受眾名單:

透過Meta Pixel,我們可以建立不同的受眾名單,使用不同的行銷方案來吸引他們,例如:

並且,系統也可藉由比對已經完成交易的網友的習性,協助找出有相近習性的網友,建立「類似受眾名單」,協助找到更多潛在客戶。

3. 帶動業績成長:

系統可將完成轉換動作設定為廣告投放的目標,自動調整出價,加強接觸有可能採取您期望轉換動作(如購買)的用戶之機會,有助於實際帶動業績成長。

所以,當你希望你的Facebook廣告可以帶來以上好處,Meta Pixel都將是你非用不可的好工具。

5步驟安裝Meta Pixel

Step1

進入事件管理工具,點選符號,勾選”網站”後,即可以命名並建立一個新的Pixel

Step2

輸入網址,查看你的網站是否運作於任一個已經跟Meta整合過的平台,例如:Shopify

Step3

選擇”僅使用Meta像素”(如下圖1)。

圖1 (圖:Meta後台)

Step4

在複製基底程式碼中,點選”複製程式碼”(如圖2),貼在網站的所有網站之頁首區段底部的</head>標籤上方。

圖2 (圖:Meta後台)

Step5

使用Facebook提供的標準事件程式碼清單或設定自訂事件,在希望統計的指定動作佈署事件程式碼。

例如:數位馬克町希望追蹤填寫行銷需求表單的成效,那麼我們可以在表單上的”傳送”按鈕上(如圖3紅框處),安裝”提交申請”標準事件程式碼,讓Facebook協助統計這個動作的達成狀況。

圖3 (圖:Meta後台)

事件程式碼不只一種?怎麼選才對?

FB像素事件程式碼共分為三種,分別為標準事件、自訂事件及自動事件,以下將詳細說明:

標準事件:

Meta Pixel將常見的轉換動作,預先定義了一個事件清單,供廣告主根據其所要追蹤的轉換動作,來挑選合適的事件程式碼。這個清單上的事件就稱為「標準事件」。

包含常見的加到購物車、完成註冊、購買、提交申請…等動作,一共有17個,詳情可參考Meta官方說明的標準事件清單

若以行銷漏斗的角度來看,不同的標準事件可協助追蹤不同階段的轉換動作,幫助行銷人員針在各階段制定不同的廣告目標。

對應各個行銷漏斗階段的常見標準事件如下:

圖4 行銷漏斗的階段參考圖 (圖:一張圖看懂行銷漏斗理論- 數位馬克町)

自訂事件:

但如果Meta Pixel預先定義好的標準事件,仍不足以衡量的轉換動作時,可以手動建立一個客製化的「自訂事件」,透過fbq(‘trackCustom’) 函式來追蹤。

詳請可以參考Meta的開發者文件追蹤自訂事件

此外,自訂事件跟標準事件最大的不同,是需要額外將自訂事件設定為自訂轉換,系統才可以協助統計成效及優化廣告。

點擊事件管理工具左上角功能表中的“自訂轉換”  (如圖5),再點選”建立自訂轉換”,就可以選擇已經安裝好的自訂事件(如圖6),並編寫其他資訊,建立自訂轉換,步驟也可參考Meta的官方說明的編輯自訂轉換

圖5 (圖:Meta後台)
圖6 (圖:Meta後台)

自動事件:

Meta Pixel會嘗試自動在您網站上,偵測有助於衡量或是優化廣告的轉換動作(例如:購買、提交資訊表單),然後協助新增為「自動事件」

廣告主可以透過事件管理工具中的總覽,查看Meta Pixel自動協助追蹤了哪些事件,而當自動事件跟手動設定的任何事件重複時,就會被自動刪除。

如果不希望開啟自動事件,可以在事件管理工具中,選定要關閉此功能的Meta Pixel,然後點選設定,於“無需程式碼即可自動追蹤事件”點擊切換關閉即可(如圖7)

圖7 (圖:Meta後台)

事件程式碼要怎麼安裝呢?

基底程式碼需要貼在網站的所有網站之頁首區段底部的</head>標籤上方,而事件程式碼則是只需要佈署於統計轉換動作的網頁。

舉例來說,A室內設計公司想統計廣告帶來多少人完成諮詢表單的填寫時,需在網站的所有頁面埋設基底程式碼,但針對諮詢表單完成頁除了安裝基底程式碼,還需佈署「事件程式碼」

也可參考以下官方範例,瞭解安裝標準事件後的網站程式碼的呈現方式(如下圖8):

圖8 (圖:Meta後台)

是指各網頁的原始碼
是指Meta Pixel基底程式碼,請安裝於</head>上方
是指事件程式碼,此處以標準事件為例,請安裝於Meta Pixel基底程式碼的</script>上方,並需根據完成轉換動作的定義調整程式碼,以產生聯繫來呼叫fbq(‘track’)程式碼進行追蹤,範例可參考Meta的官方說明的廣告轉換追蹤

3步驟確認Meta Pixel是否已正確安裝

若要得知Meta Pixel是否正確安裝,建議可以使用Chrome 擴充外掛功能「Facebook Pixel Helper」:

Step1

進入Chrome線上應用程式店,搜尋Facebook Pixel Helper,並點選”加入Chrome”(如圖9),系統會再次確認您是否要新增此擴充功能,這時請選擇”新增擴充功能”

圖9 (圖:Meta後台)

Step2

為了更方便使用,建議將Facebook Pixel Helper釘選在瀏覽器的右上方。

先點選瀏覽器的右上方的,就可以看到Facebook Pixel Helper,這時請點選圖釘符號,就可以將Facebook Pixel Helper固定在瀏覽器的右上方(如圖10)。

圖10 (圖:GoogleChrome使用畫面)

Step3

在有安裝Meta Pixel的頁面打開Facebook Pixel Helper,我們可以利用以下檢查方式,是否有安裝成功:

圖11 (圖:GoogleChrome使用畫面)
圖12 (圖:GoogleChrome使用畫面)

看完介紹可以發現,FB像素的設定很重要卻有點複雜,如果你也希望透過FB像素來追蹤、優化自己的廣告成效,並把廣告預算花在刀口上的話,除了自己摸索之外,也歡迎點擊下圖,由我們的專業廣告優化師團隊替你量身打造合適的數位廣告方案:

如果你想了解更多數位廣告資訊,歡迎參考以下的不藏私教學:

【YouTube廣告教學】

3分鐘搞懂YouTube影音廣告到底有幾種!
建立YouTube廣告的 3 大步驟
5個YouTube廣告優化技巧

【Google廣告教學】

什麼是GDN?Google廣告還有哪些?
Google ADs是什麼? 5 種廣告類型介紹與應用
7個Google Ads 出價策略,提高廣告效益必學
一篇搞懂Google關鍵字廣告的基礎策略與設定

【Facebook廣告教學】

FB受眾到底怎麼分?3分鐘學會FB廣告受眾與設定
【Facebook名單型廣告教學】抓住潛在客戶必學的FB廣告類型!
【FB廣告教學】廣告投放的基礎策略與設定步驟
如何分析FB、IG的廣告成效?想讓廣告成效更好該如何優化?
FB協作廣告CPAS:銷售業績倍增的小秘密

【Instagram廣告教學】

最精簡的IG限動廣告攻略:4大設計要點
怎麼讓IG廣告更吸引人?IG限動、貼文廣告設計小技巧
一次搞懂Instagram廣告的各大版位與投放步驟
4個實用IG排版APP,你也能做出美美的IG限動
IG Reels是什麼?怎麼用?可以投廣告嗎?所有問題一次解答!

Exit mobile version