還在用《自訂 HTML》安裝FB像素(FB Pixel)嗎?GTM有比自訂HTML更簡易的埋設方式,那就是-代碼範本,只要將 Facebook Pixel ID 填入範本代碼中,就完成安裝,是不是很簡單呢?接下就來看是如何安裝的。

開啟 GTM Facebook Pixel 範本4步驟

  1. 開啟範本工作區;
  2. 搜尋範本庫,找到 Facebook Pixel;
  3. 匯入代碼範本;
  4. 新增至工作區。
圖一、GTM範本
圖二、完成範本新增

Facebook Pixel (FB像素) 代碼安裝

  1. 開啟代碼管理工作區;
  2. 新增代碼,找到 Facebook Pixel 代碼後,套用;
  3. 填入Facebook Pixel ID(S);
  4. 選擇觸發條件後,存檔。
圖三、選擇代碼類型
圖四、填入 Facebook Pixel ID(s)

完成以上流程,即為FB像素的基底程式碼的安裝,確認無誤後即可提交(發佈),Facebook Pixel 就開始運作囉!後續在到 Facebook 後台查看是否有數據,整個安裝流程是不是變簡單了呢?

不習慣使用範本,還是習慣使用《自訂 HTML》做安裝,可以瀏覽此篇:如何使用 Tag Manager 安裝 Facebook 像素代碼

Facebook 像素標準事件安裝

當我們安裝完 Facebook 像素基底程式碼後,接下來就可以安裝事件,臉書官方提供了17種標準事件(詳細可參考此篇說明:Facebook 像素標準事件的詳細說明),在依網站需求做事件安裝,大致上可分為電商型及資訊型網站:

電商網站按照銷售漏斗所需事件

  1. ViewContent (瀏覽內容)
  2. Search (搜尋)
  3. Lead (潛在顧客)
  4. AddToWishlist (加到願望清單)
  5. AddToCart (加到購物車)
  6. InitiateCheckout (開始結帳)
  7. AddPaymentInfo (新增付款資料)
  8. CompleteRegistration (完成註冊)
  9. Purchase (購買)

資訊型網站所需事件

  1. ViewContent (瀏覽內容)
  2. Search (搜尋)
  3. Lead (潛在顧客)
  4. Subscribe (訂閱)
  5. Contact (聯絡)

GTM 安裝 Facebook 標準事件

Facebook 事件安裝方式與基底程式碼一樣,只要在 Standard  欄位中,選擇所要的事件,再搭配觸發條件後,就完成事件的安裝。