導入Facebook像素轉換事件(ViewContent),追蹤瀏覽看過您的內容(商品、文章)的人。

導入Facebook像素轉換事件(ViewContent),追蹤瀏覽看過您的內容(商品、文章)的人。

Shian - 05/28/2017

在下Facebook廣告的行銷人員或是小編們,選擇受眾還在用基本的地區、興趣、看過哪些粉絲專頁的人嗎?其實只要導入Facebook像素轉換事件(ViewContent)後,就可以選擇瀏覽過某樣產品、某產品分類、某篇內容的人喔!是不是很精準的受眾呢!本篇一步步教您如何導入Facebook像素轉換事件(ViewContent),趕緊進來看吧。

本次會使用進階ViewContent(追蹤瀏覽)轉換事件,所以我們也將同時會設定好 Facebook產品目錄,這樣就會是很完整的追蹤設定。

Facebook像素設定中裡的ViewContent(追蹤瀏覽)轉換事件,只需要下面4個步驟就可以設定完成。

  1. 準備產品資料
  2. 設定產品目錄
  3. 設定 ViewConent 轉換事件
  4. 驗證 ViewConent 轉換事件

Facrbook 影片說明

Custom Audiences from your websit 自訂受眾來自您的網站

準備產品資料

ViewContent(追蹤瀏覽)中的進階設定 content_idscontent_type這二個參數,需要利用 動態廣告(Dynamic Product Ads)的產品目錄,將我們的產品在自有網站與Facebook網站上串連起來。

首先,我們必須準備好產品資料餵給Facebook,facebook支援資料接收的方式為CSV、TSV、RSS XML、ATOM XML,這四種方式(如下圖),在此建議採用RSS XML的方式,原因如下(節錄自Facebook)。

  1. 可自動化排程匯入,不用人工手動匯入產品資料。
  2. 易於更動調整。
  3. 使用網址提交快速、簡便。

01-facebook產品目錄支援格式

RSS XML資料格式

準備好屬於RSS XML的網址:https://blog.shian.tw/rss/fb_dynamic_product(參考)

輸出資料格式如下,可以參考官方範例 文件說明

 <?xml version="1.0"?><rss xmlns:g="http://base.google.com/ns/1.0" version="2.0">	<channel>	<title>網站標題</title>	<link>網站連結/</link>	<description>網站敘述</description>	<item>	<g:id>產品ID</g:id>	<g:title>產品標題</g:title>	<g:description>產品敘述</g:description>	<g:link>產品連結</g:link>	<g:image_link>產品圖片連結(600x600)</g:image_link>	<g:brand>產品品牌名稱</g:brand>	<g:condition>new</g:condition>	<g:availability>in stock</g:availability>	<g:price>價錢 TWD</g:price>	<g:google_product_category>產品類別</g:google_product_category>	</item>	</channel> </rss> 

請特別注意condition、availability標籤的設定。

  1. condition (產品狀況):

    1. new - 全新
    2. refurbished - 翻新
    3. used - 已使用過
  2. availability (產品可銷售狀態):

    1. in stock - Item ships immediately.
    2. out of stock - No plan to restock.
    3. preorder- Available in future. available for order - Ships in 1-2 weeks.
    4. discontinued - Discontinued

設定產品目錄

打開Facebook廣告,選擇產品目錄

02-facebook-pixel-menu

點選建立目錄

03-create-catalog

建立產品組合

選擇產品組合頁籤後點擊建立產品組合

04-建立產品組合

設定產品組合的分類資料,如果有多個大類別,再多次建立即可,設定好後點擊建立送出。

05-設定分類資料

建立好您的產品組合資料後,會出現在下方列表上(如下圖)

06-完成建立產品目錄

目錄設定

選擇目錄設定頁籤後,找到連結事件來源的項目,點擊關聯

07-目錄設定

列出與您建立有關的像素,選擇您要關聯的像素打勾後,按下儲存。

08-將目錄連結像素設定

完成像素與產品目錄關聯。

09-完成目錄連結像素設定

產品摘要設定

選擇產品摘要頁籤,需要設定幣別、上傳類型。

10-設定產品摘要

設定產品上傳時間及網址,網址則是準備好的RSS XML網址,輸入好後按下建立摘要。

11-新增產品摘要

上傳產品中,如果上傳過程中或是上傳完後,有出現錯誤問題,它會告訴您錯誤的地方,再依照錯誤問題修復後,再次提交上傳即可。

12-完成摘要設定-上傳產品

成功上傳產品如下圖,會出現已上傳產品的數量,如有警告或錯誤的話,再依照問題修復後重新上傳。

13-上傳產品完成

恭喜您!您已完成建立產品目錄、上傳產品、像素關聯,現在Facebook已經知道您的產品、類別有哪些了,接下來我們要埋入ViewConent 轉換事件的程式碼,再一步我們就完成了,加油!

設定 ViewConent 轉換事件

接著我們準備要埋設ViewConent 轉換事件的追蹤碼(如下圖),進階設定的更詳細的資訊可以到Pixel Events - Facebook Tag API查看參數說明,我們選用進階的ViewConent 轉換事件,可以完成更多的追蹤,詳細可參考Facebook文件說明。

  • 追蹤顧客動作,以及透過各產品間轉換的值來衡量廣告所帶來的效果。
  • 依期望成果將廣告投放最佳化。例如,如果您選擇轉換最佳化,則可以透過最佳化向最有可能在您網站上消費的用戶投放廣告。
  • 使用進階廣告解決方案,像是動態廣告和網站轉換。

14-viewcontent

埋入ViewConent 轉換事件追蹤碼

至您的產品頁面(HTML)裡,埋入ViewConent 轉換事件追蹤碼(如下圖) ,要特別注意下面幾個參數設定。

  1. content_ids:產品ID需與RSS XML中的產品ID一樣。
  2. content_category:產品分類需與Facebook產品目錄中的產品組合,有包含在裡面的分類。

15-埋入viewcontent追蹤碼

驗證 ViewConent 轉換事件

我們可以用 Chrome Plugin Pixel Helper,進行驗證Facebook Pixel是否正常運作。

點擊 Facebook Pixel Helper 按鈕(如下圖),即可看到埋設的ViewConent 轉換事件追蹤碼是否正確。

  • 綠色:表示是正常。
  • 紅色:表示有錯誤,請盡快排除,可參考Facebook Pixel Helper文件說明。

再到您的任意一個產品的頁面上瀏覽,就可以看到類似如下圖ViewContent資訊,如果是綠色的圖示,表示ViewConent 轉換事件追蹤碼埋設成功,並且也成功的將瀏覽者與瀏覽產品資訊傳給Facebook像素。

16-驗證viewcontent追蹤

最後,我們回到Facebook廣告管理員的像素查看(如下圖),我們可以發現右邊的提示告訴我們,像素安裝完成!

17-廣告管理員pixel

還記得 一步步導入 Facebook Pixel(像素) 您也會!這篇最後,有提到Facebook像素設定,除了埋設好Facebook Pixel Code,還需要設定二個轉換事件,這次我們加入了ViewConent 轉換事件,也正確成功的安裝,這樣我們將Facebook像素設定完整了,之後會再陸續告訴您其他轉換事件的追蹤埋設,以及如何運用。

相關資源