關於 Facebook 像素程式碼

https://scontent-tpe1-1.xx.fbcdn.net/t39.2365-6/13717856_540635626122983_2076620502_n.png

Facebook 像素程式碼主要由兩個元素組成:

像素基底程式碼會追蹤網站上的活動,提供您衡量特定事件的基準點。建議在您網站上的每一個頁面都安裝基底程式碼。

若要安裝像素基底程式碼:

  1. 前往廣告管理員中的像素頁面
  2. 點擊集客力 > 查看程式碼
  3. 複製基底程式碼並貼在每個網頁或網站範本的 <head> 標籤之間,即可為整個網站完成安裝

事件是指發生在網站上的動作,可以是 Facebook 廣告導致(付費)或自主觸及(非付費)的成果。您可使用事件程式碼來追蹤這些動作並在刊登廣告時加以運用。

您可以傳送的事件類型有兩種:

https://scontent-tpe1-1.xx.fbcdn.net/t39.2365-6/11409193_1605465096376853_497323941_n.jpg



含標準事件的 Facebook 像素程式碼。

1.您網站的原始程式碼:在網頁的 <head> 和 </head> 標籤之間,貼上 Facebook 像素程式碼。head 標籤之間可能已經有其他現有的程式碼,所以您只要將 Facebook 像素程式碼放置在其下方即可,但是必須在 </head> 上方。

2.您的 Facebook 像素基底程式碼:您的 Facebook 像素程式碼看起來會和上圖一樣,只是圖中「1234567890」處會是您自己的像素編號。

3.您的標準事件程式碼:在 Facebook 像素程式碼內的 </script> 標籤上方,貼上與您的頁面相關的標準事件程式碼(例如:完成註冊、加到購物車)。您必須為您想追蹤的每個頁面執行這項作業。

關鍵在於,網站的每一頁都應涵蓋第 2 部分(基底程式碼)附上的所有內容,但各網頁會放入第 3 部分(標準事件程式碼)中的不同程式碼片段。請參閱其他範例。

https://scontent-tpe1-1.xx.fbcdn.net/t39.2365-6/11405192_1763326713894655_2112754467_n.jpg

程式碼呈現在「加到購物車」頁面的模樣。

在您網站的頁面中置入 Facebook 像素基底程式碼

若要在網站置入像素程式碼:

  1. 前往廣告管理員中的 Facebook 像素頁籤
  2. 點擊集客力 > 查看像素程式碼
  3. 點擊程式碼將其反白
  4. 點擊滑鼠右鍵並選擇複製,或使用 Ctrl+C/Cmd+C
  5. 點擊完成
  6. 前往您網站的 HTML 並貼上程式碼

提示:我們建議您將程式碼置入網站 HTML 的標頭標籤中,以確保該程式碼能夠追蹤整個網站。

在您網站的頁面置入事件程式碼

事件程式碼可針對您的業務目標,追蹤目標所需的特定動作。若要在網站置入事件程式碼:

  1. 前往廣告管理員中的 Facebook 像素頁籤
  2. 點擊建立轉換 > 以標準事件追蹤轉換
  3. 找到您重視的事件,並複製該事件的「事件程式碼」。
  4. 前往您網站的程式碼,並將事件程式碼置入相關頁面。我們建議的作法是個別將事件程式碼新增在 script 標籤之間。我們建議您不要修改像素基底程式碼。

提示:新增完整的事件漏斗(例如ViewContent、AddToCart 和 Purchase),以擷取所有相關的購買動作。

請在您想追蹤和最佳化廣告的特定網站頁面,從上述 9 個標準事件挑選一個置入。例如,如果是販售玩具的網站,可以在加到購物車頁面和購買頁面放置標準事件程式碼。只要複製標準事件程式碼欄內的所有內容,並貼在 fbq('track','PageView'); 的下方即可(如上圖所示)。如果您不想使用標準事件,而想使用網址規則,可以改用自訂轉換動作

網站動作

標準事件程式碼

查看內容

fbq('track', 'ViewContent');

搜尋

fbq('track', 'Search');

加到購物車

fbq('track', 'AddToCart');

加到願望清單

fbq('track', 'AddToWishlist');

結帳

fbq('track', 'InitiateCheckout');

新增付款資料

fbq('track', 'AddPaymentInfo');

購買

fbq('track', 'Purchase', {value:'0.00', currency:'USD'});

潛在顧客

fbq('track', 'Lead');

完成註冊

fbq('track', 'CompleteRegistration');

注意:您也可以為個別標準事件程式碼新增不同的參數,例如內容編號、數值和貨幣。除了轉換標準事件需要有數值和貨幣參數才能運作以外,其他標準事件的參數皆為選用項目。深入瞭解參數。

fbq('init', ''); fbq('init', ''); fbq('track', 'PageView'); //fire PageView for both initialized pixels // only fire the Purchase event for Pixel A fbq('trackSingle', '', 'Purchase', { value: 4, currency: 'GBP', }); // only fire the custom event Step4 for Pixel B fbq('trackSingleCustom', '', 'Step4',{ //optional parameters });