什麼是像素?如何建立像素?
社群時代的來臨,許多公司都有投放過FB廣告的經驗,但是他們在投廣告之前都有先埋好Facebook Pixel嗎? 其實會做這個動作的人非常的少,畢竟大多數人都不知道什麼是fb pixel。
對中小企來說,在Facebook 投放廣告的最終目的是(1)提升網站流量、(2) 增加銷售額。但如何投放的廣告是否有成效的標準是甚麼?銷售額的提高,有沒有被好好最大化?要更精準地分配廣告預算?因此先裝好追蹤的工具在開始廣告投放是必要的。
FB 像素是什麼
Facebook Pixel(像素)是一組程式碼,你可透過此監看網站的轉化率、利用數據優化廣告、或建立類似的廣告受眾,擴大市場覆蓋率、以及進行最重要的訪客再行銷等等。而當我們把這段程式碼放入官網後,就會有以下三大好處:
1.幫助追蹤轉化次數
FB像素能幫你在FB廣告後台監控受眾和你網站的互動,而這些數據也是幫你驗證該支廣告成效和幫助你做後續廣告優化的依據。
舉例來說,透過臉書像素能發現許多需要優化的地方…..
A.廣告點擊低→素材不夠吸引人
B.把商品加到購物車的客人很少→landing page或受眾需要調整
C.很多人把商品加入購物車,真的填完個客資料的人卻很少→填寫表太繁瑣
沒安裝像素的業者只能了解到廣告的曝光量跟點擊數而已,其他數據都看不到
2.再行銷
透過像素在網站做監控,能針對特定事件的人做精準投放廣告的再行銷,就以上圖為例子,除了能針對來到特定網站的人之外,也能針對有把商品放到購物車的200個人,來做精準投放的廣告再行銷,如果今天沒裝像素,受眾絕對不會比有裝好像素的業者來的更精準!
3.建立相似受眾
所謂的相似受眾簡單來說就是幫你擴大你的潛在客戶群,再次用上圖來說,我透過pixel把200個有把我商品加到購物車的受眾抓出來外,我也可以透過FB大數據抓出與這200個人具有相似特質的人也一併抓為受眾,增加精準投放的目標。
透過Facebook 像素,你可以收集到現有網站訪客以及客戶的行為特徵,並使用類似受眾的功能,找出具有相似特徵的潛在客戶,並把廣告展示於他們面前以擴大業務覆蓋率。
Facebook像素不單可以收集更多數據支持你的營銷決策,亦可由此分析出訪客的行為傾向,令每一次的廣告投放都更精準。若你的網頁有安裝 Facebook Pixel,當用戶在你的網站上作出特定動作時,Facebook便可以收集有關的數據,讓你可以進一步就不同訪客的行為而投放不同的廣告及作出適當的再行銷及個人化的營銷。可收集數據如有:
- 查看內容
- 搜索
- 加入購物車(shopping cart)
- 加入心願單(wish list)
- 結帳
FB Pixel的組成和追蹤型式
FACEBOOK 像素由兩部分組成:
- 像素基代碼:需要安裝於網站的所有頁面,用以追蹤用戶於網站上的一舉一動。
- 事件代碼:需安裝於動作完成的特定頁面,追蹤在網站發生的特定動作,例如你想追蹤特定商品的轉換就屬於事件代碼。
FACEBOOK 追蹤兩部分:
標準事件追蹤: Facebook 預設的事件包括:查看內容丶搜索丶加入購物車丶加入心願單丶結帳丶新增付款資訊丶購買丶潛在顧客及完成註冊。若以上有你要追蹤的,請到FB像素事件複製對應的程式碼,並加到特定頁面的像素基代碼中。
例如,你希望追蹤把產品A 放進購物車的客人﹐你就必須把該程式碼fbq(‘track’, ‘AddToCart’);放到特定頁面的基代碼中。
自訂轉換追蹤:針對有特別追蹤需求的人(FB預設事件裡沒有你想要的),設定出符合自己的轉換,在這邊就不詳細說出自訂轉換的細節,你可以到FB官方查看詳細的自訂轉換說明。
延伸閱讀:
如何安裝像素請參考本文: Facebook彙總事件成效衡量和網域驗證
Facebook 像素標準事件的詳細說明
事件是指發生在網站上的動作。標準事件是 Facebook 預先定義的事件,可用於記錄轉換動作、增加轉換次數和建立廣告受眾。請參見以下清單,進一步瞭解 Facebook 像素標準事件。您也可以前往 Facebook for Developers 網站,查看支援的標準事件和參數完整清單。
網站動作 |
說明 |
標準事件程式碼 |
新增付款資料 |
在結帳流程中新增顧客付款資料。例如:用戶點擊能儲存帳單資訊的按鈕。 |
fbq(‘track’, ‘AddPaymentInfo’); |
加到購物車 |
將商品加到購物車。例如:點擊網站上的「加到購物車」按鈕。 |
fbq(‘track’, ‘AddToCart’); |
加到願望清單 |
將商品加到願望清單。例如:點擊網站上的「加到願望清單」按鈕。 |
fbq(‘track’, ‘AddToWishlist’); |
完成註冊 |
顧客提交資訊以換取您商家提供的服務。例如:註冊電子郵件訂閱。 |
fbq(‘track’, ‘CompleteRegistration’); |
聯絡 |
顧客透過電話、簡訊、電子郵件、聊天室或其他聯絡方式與您的商家聯絡。 |
fbq(‘track’, ‘Contact’); |
自訂產品 |
透過您商家擁有的設定工具或其他應用程式來自訂商品。 |
fbq(‘track’, ‘CustomizeProduct’); |
捐款 |
為您的企業或公益理念捐贈資金。 |
fbq(‘track’, ‘Donate’); |
尋找分店地點 |
用戶為造訪您的商家而上網尋找實體分店地點。例如:搜尋某項產品並在您的實體分店找到產品。 |
fbq(‘track’, ‘FindLocation’); |
開始結帳 |
開始結帳程序。例如:點擊「結帳」按鈕。 |
fbq(‘track’, ‘InitiateCheckout’); |
潛在顧客 |
顧客提交資訊,且瞭解您的商家可能會在未來聯絡自己。例如:提交表單或註冊試用版。 |
fbq(‘track’, ‘Lead’); |
購買 |
購買操作完成,這通常代表收到訂單、購買確認函,或是交易收據。例如:進入「感謝您」或確認頁面。 |
fbq(‘track’, ‘Purchase’, {value: 0.00, currency: ‘USD’}); |
排程 |
預約前往您的分店地點。 |
fbq(‘track’, ‘Schedule’); |
搜尋 |
在您網站、應用程式或其他資產進行的搜尋。例如:產品搜尋或旅遊搜尋。 |
fbq(‘track’, ‘Search’); |
開始試用 |
開始免費試用您提供的商品或服務。例如:試用訂閱。 |
fbq(‘track’, ‘StartTrial’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’}); |
提交申請 |
針對您提供的產品、服務或計畫提交申請。例如:信用卡、教育課程或職缺。 |
fbq(‘track’, ‘SubmitApplication’); |
訂閱 |
開始付費訂閱您提供的商品或服務。 |
fbq(‘track’, ‘Subscribe’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’}); |
瀏覽內容 |
造訪您重視的內容頁面,例如:產品或連結頁面。「查看內容」可讓您用於判斷是否有用戶前往網頁網址,但無法藉此瞭解用戶在該網頁上進行的操作或瀏覽的內容。 |
fbq(‘track’, ‘ViewContent’); |
注意:像素基底程式碼中包含頁面瀏覽事件。頁面瀏覽事件會告知您訪客前往已安裝像素基底程式碼頁面的時間點。
標準事件範例
請見以下範例,瞭解安裝標準事件後的網站程式碼的呈現方式:
- 您網站的原始程式碼:將 Facebook 像素程式碼貼在網頁的<head> 和 </head> 標籤之間。head 標籤之間可能已經置入其他程式碼,所以您直接將像素程式碼置於此標籤和 </head> 的中間即可。
- 您的 Facebook 像素基底程式碼:您的 Facebook 像素程式碼看起來會和上圖一樣,只是圖中「1234567890」處會是您自己的像素編號。
- 您的標準事件程式碼:在 Facebook 像素程式碼內的</script> 標籤上方,貼上與您的頁面相關的標準事件程式碼,例如「加到購物車」程式碼。您必須在每個想要追蹤的頁面上執行此作業。
關鍵在於,網站的每一頁都應涵蓋第 2 部分(基底程式碼)附上的所有內容,但各網頁會放入第 3 部分(標準事件程式碼)中的不同程式碼片段。請參閱下方其他範例。