天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

FB像素在哪裡?用Facebook像素追蹤網站行為、優化廣告|天矽科技客製化網頁設計

部落格:FB像素在哪裡?用Facebook像素追蹤網站行為、優化廣告|天矽科技客製化網頁設計

 

FB像素埋在網站的<head>中,用來追蹤使用者在網站中的各種行為,以利優化FB廣告投放、精準行銷。

Facebook的像素是什麼

 

 Facebook的像素就是 FB Pixel 也稱FB像素。這個像素就是一段程式碼,用於追蹤廣告的轉換次數、再行銷以及建立相似的受眾。

 如果企業屬於有任何銷售行為的產業,且需要在Facebook投遞廣告、將客人導入網站銷售,那麼就需要這個 FB Pixel。

 

FB像素程式碼

  1. 像素基底程式碼:
    放在網站的所有頁面中,追蹤使用者在網站中的行為。

  2. 事件程式碼:
    放在特定網站的頁面,追蹤特定的動作,如商品轉換、點擊等。

 

FB像素追蹤

  1. 標準事件追蹤:
    Facebook的預設定義事件,包含以下網站動作:新增付款資料、加入購物車、加到願望清單、完成註冊、聯絡、開始結帳、購買、搜尋、瀏覽內容、自訂產品、捐款、尋找分店地點、潛在顧客、排程、開始試用、提交申請、訂閱。

    以上網站動作Facebook都有提供標準事件的程式碼,可於「Facebook像素標準事件的詳細說明」網頁中查看,並將其複製到代碼之中。

  2. 自訂事件追蹤:
    如果Facebook的預設事件中沒有想要的定義事件,就需要自行設定轉換。

    比如商家想要知道客人在網站中有沒有遵循我們自訂的某些規則,像在網站中有mens的網址中購買商品,或購買大於某個價錢的參數值的商品,就會需要用到自訂事件追蹤。
    詳細請參閱:Facebook關於網站自訂轉換說明

 

FB追蹤程式碼

▲FB程式碼長相 (圖片出自Facebook Business 使用說明)

 

Facebook像素在哪裡

 

 當我們得到FB的像素程式碼時,就會將此埋設在網站的<head>中,那麼我們要怎麼取得這個程式碼呢?

FB in head

▲FB程式碼放在<head>中 (圖片出自Facebook Business 使用說明)

 

第一步、進入商務套件

 首先我們先進入Facebook的企業用戶頁面(商務管理工具),再找到像素並點進去建立像素。

商務套件icon

▲找到它(商務套件)

 

找到像素

▲找到像素

 

建立像素

▲建立像素

 

第二步、連結資料來源

 如果進來發現裡面沒有東西(沒有建立過),請先點選「連結資料來源」。

建立連結來源

連結新資料來源

 

第三步、建立像素

設定連結方式

※使用 轉換API 此追蹤方式通常是 追蹤APP 的操作行為。

 

像素說明

▲Facebook像素運用說明

 

第四步、設定像素名稱

像素名稱與連結

▲設定名稱與網站

 

第五步、選擇像素安裝方式

選擇像素安裝方式

 

 可以選擇手動安裝程式碼或使用合作夥伴(Squarespace/Wordpres/Shopify…),但因為我們是自行架設的網站,因此我們會選擇「手動安裝」這個方式。

 

第六步、安裝基底程式碼

安裝基底程式碼

 

 完成以上的步驟後,我們就可以獲得FB像素程式碼,也就是「Facebook Pixel Code」。


 獲得code後就可以將此程式碼複製到首頁區段底部<head>之中,設於</head>上方,或在網站中的所有頁面安裝基底程式碼,如果還需要設定事件的追蹤,就請繼續往下看。

 

FB事件程式碼

 

 完成上面的步驟後,我們就可以獲得一串程式碼,長這樣:

FB-Code

 

 我們可以使用像素來追蹤事件,選擇要追蹤的事件後,貼到程式碼中,如下:

FB加到購物車

 

 綠色那串代碼就是我們要追蹤的事件「加到購物車」。(參考FB預設定義事件 )

 完成後就可以將這段程式碼貼到網站中啦!再來就是要檢查是否有安裝成功,這裡可以使用Chrome瀏覽器的擴充功能Facebook Pixel Helper」來檢查狀態。

FB檢查擴充功能

▲Facebook Pixel Helper

 

 如果安裝成功,我們就可以透過瀏覽器看到這個畫面:

FB埋設檢查

 

 以上的步驟都完成、也安裝成功,就可以開始建立廣告了!現在我們可以利用這個像素追蹤廣告轉換、最佳化、再行銷…等各種追蹤行為囉!

 

Soul Kids安裝成功

▲由天矽科技協助安裝的客戶案例 (SOUL KIDS)

 

回上一頁
信箱
客服
Line@