從0 認識Facebook Pixel

Facebook Pixel 是一項分析工具，將一段JavaScript 程式碼放置於自己網站的程式碼中，當網站訪客執行您想要追蹤（稱為轉換）的動作（稱為事件）時， ... HitentertosearchorESCtoclose facebookads部落格blog 從0認識FacebookPixel ByhuldaAugust24,2020 September21st,2020 NoComments 投放Facebook廣告時，經常會需要將廣告導回自有的網站，因此追蹤流量與轉換名單能協助下一次再行銷廣告投放更精準，而FacebookPixel（像素）即可協助完成追蹤與紀錄，也可以用量化的方法衡量該廣告的有效性！ FacebookPixel是什麼？ FacebookPixel是一項分析工具，將一段JavaScript程式碼放置於自己網站的程式碼中，當網站訪客執行您想要追蹤（稱為轉換）的動作（稱為事件）時，FacebookPixel即刻啟動追蹤。

，瞭解用戶在網站上採取的行動，藉此衡量廣告成效。

Pixel的功能： 確保廣告投遞給理想目標受眾。

接觸新客群，或找出曾瀏覽特定頁面、採取您期望動作的網站訪客。

帶動業績成長。

設定自動出價，觸及較有可能採取您期望動作（如購買）的用戶。

衡量廣告成果。

衡量用戶看見廣告後的行為，深入瞭解廣告成效。

設定FacebookPixel後，只要有用戶在您的網站上採取動作，便會觸發Pixel。

用戶可能採取的動作包括將商品加到購物車、購買商品。

Pixel會接收這些動作（稱作事件）的資訊，供您在事件管理工具中的FacebookPixel頁面查看。

您可以在這裡查看顧客採取的動作，也可以在日後透過Facebook廣告再次觸及這些顧客。

建立、安裝Facebook像素 開始安裝之前，請先確認： 您的企業商家必須擁有網站。

您必須有權更新網站的程式碼。

一、建立Facebook像素 1.前往事件管理工具。

2.點擊連結資料來源並選擇網站。

3.點擊立即開始。

4.選擇Facebook像素，然後點擊連結。

5.瞭解像素的運作方式，然後點擊繼續。

6.新增像素名稱。

7.輸入網站網址以檢查快速設定選項。

8.點擊繼續。

    二、在網站置入Facebook像素 建立像素後，您便可以在網站放置Facebook像素程式碼。

請選擇您要使用的設定選項，以查看相關指示： 1.手動新增像素程式碼到網站 (1)前往事件管理工具。

(2)選擇您要設定的像素。

(3)點擊繼續設定像素。

(4)選擇手動安裝程式碼。

(左方選項) (5)複製像素基底程式碼。

(6)找出網站的標頭，或是在內容管理系統（CMS）或網站平台中找出標頭範本。

(7)將基底程式碼貼到標頭區段的底部，緊接在結尾標籤上方。

(8)點擊繼續。

(9)選用：啟用自動進階配對，並驗證您要傳送的顧客資料。

(10)點擊繼續。

(11)使用事件設定工具新增事件，或手動在網站上置入程式碼。

  2.使用合作夥伴整合工具 (1)前往事件管理工具。

(2)選擇您要設定的像素。

(3)點擊繼續設定像素。

(4)點擊使用合作夥伴。

(右方選項) (5)從清單中選擇合作夥伴。

(6)按照畫面上的指示進行設定。

您也可以前往合作夥伴整合工具頁面選擇合作夥伴，並按照螢幕上的指示操作設定您網站上的Facebook像素。

深入瞭解使用合作夥伴整合工具設定像素所帶來的好處。

如果您使用的平台未列於此份清單，請使用另外2種方式之一來設定像素。

  3.電子郵件指示 如果您的網站程式碼是由其他人進行更新，請按照以下步驟透過電子郵件傳送操作說明給負責的人員，協助對方設定您網站的Facebook像素。

(1)前往事件管理工具。

(2)選擇您要設定的像素。

(3)點擊繼續設定像素。

(4)點擊以電子郵件寄送操作方式給開發人員。

 (下方選項) (5)輸入收件者的電子郵件地址。

(6)點擊頁面底部的傳送。

  三、設定事件 在網站新增像素基底程式碼後，即可設定事件來衡量您重視的動作（例如購買商品）。

您可以透過手動安裝程式碼或使用事件設定工具來設定事件。

接著，確認像素是否正常運作。

  注意：您可以在整個網站（包括網站的多個頁面）中使用一個像素。

不過，在一個網站上有可能需要使用兩個像素。

舉例來說，如果兩個不同的代理商為您的商家刊登廣告，他們可能需要在您的網站上個別設定像素。

在FacebookforDevelopers深入瞭解設定多個像素。

  四、安裝及解除安裝Facebook像素小幫手 您必須擁有Chrome網頁瀏覽器，才能開始動作。

如果您還沒有Chrome網頁瀏覽器，請先安裝瀏覽器，然後依照下列步驟操作。

安裝Facebook像素小幫手： 前往Chrome線上應用程式商店。

在搜尋列中搜尋Facebook像素小幫手。

點擊加到Chrome。

點擊彈出視窗中的安裝擴充功能。

若要確認像素協助工具是否安裝成功，請點擊網址列中的像素協助工具圖示。

從彈出視窗查看所在頁面的任何Facebook像素，確認這些像素是否已成功設定。

如果每個網頁皆會載入像素的PageView事件（自動包含在像素基底程式碼中），且每一個標準事件也能成功載入（僅在所需頁面上），您便可以將Facebook像素附加至您的廣告。

如果系統通知您在網站上找不到像素或錯誤訊息，您可以排解錯誤訊息問題。

**注意：如果您將標準事件加入特定網頁上的像素程式碼，則必須針對每個標準事件完成轉換測試。

例如，將商品加入購物車，藉此測試「AddToCart」事件，以確認所需網頁或動作都能成功載入事件。

五、解除安裝Facebook像素小幫手 請在Chrome網頁瀏覽器的網址列輸入chrome://extensions。

點擊Facebook像素小幫手下方的移除。

再次點擊彈出視窗的移除加以確認。

以上帶各位很粗淺地設定了一遍FacebokPixel，不只是透過事件管理工具可以設定長期的Pixel，在設定Facebook廣告的同時也可以設定FacebookPixel以追蹤事件、蒐集名單，進而再行銷投放新的資訊每目標受眾！   透過第三方工具安裝FacebookPixel 最後向各位介紹可安裝FacebookPixel的「第三方工具」，不用改動網站程式碼，只需透過第三方工具設定像素即可追蹤事件，目前常用的第三方工具有GoogleTagManager以及Facebook官方的FacebookEventSetupTool，此工具對於行銷人員來說，可以更快速設定像素並同時追蹤成效，不需用再繞過開發團隊一圈才能設定完成！若是大家有餘力，歡迎學習得更深入！     ________________________________________________________________________________________________________ 參考資料 https://www.facebook.com/business/help/742478679120153?id=1205376682832142 https://www.facebook.com/business/help/952192354843755?id=1205376682832142 https://www.facebook.com/business/learn/facebook-ads-pixel https://developers.facebook.com/docs/facebook-pixel/ https://www.facebook.com/business/help/1700857106877546?recommended_by=402791146561655  https://www.facebook.com/business/m/one-sheeters/facebook-pixel-events https://www.facebook.com/business/help/777099232674791?id=1205376682832142 https://www.facebook.com/business/help/2142172942565580?id=1205376682832142   FacebookComments AboutPostAuthor hulda 曾在科技業與廣告業實習，目前正在努力學習各式行銷工具的應用，希望有朝一日可以在行銷領域過得風生水起！ Seeauthor'sposts hulda 曾在科技業與廣告業實習，目前正在努力學習各式行銷工具的應用，希望有朝一日可以在行銷領域過得風生水起！ 臉書社團 行銷工程台灣 付費訂閱專區 付費訂閱看更多，每月專題內容、更多深入資訊！ 行銷工程知識訂閱 每月專題影片、文章更深入！ 行銷背後的邏輯Podcast 用耳朵收聽行銷知識   電子書預覽．GoogleTagManager代碼管理工具基本概念 ．GA基礎知識&常用報表 ．A/BTest流程與GoogleOptimize使用基礎 ．GoogleSearchAds應用&基礎介紹Part1 文章分類 A/Btest facebookads GoogleAds GoogleAnayltics GoogleOptimize GoogleTagManager Memebershiponly retention SEO SQL uncategorized 專案管理 社群經營 行銷人時事 部落格blog PreviousPost會員獨享：GoogleAnalytics新手入門懶人包Chapter.01 NextPostFacebookAds的出價&Optimization LeaveaReplyCancelReplyName* Email* Website Savemyname,email,andwebsiteinthisbrowserforthenexttimeIcomment. 關於我們CodeForMarketing–我們是一群喜歡程式、與行銷的朋友所組成的社群，而我們一直致力於將『工程思維帶入行銷，用邏輯化的思考方式來有系統性的取得資料或建立假設，來幫助行銷夥伴在職涯上可以有更多發展』，如果你還不認識我們，可以加入我們社群、Follow我們的Youtubeor粉絲專頁，也歡迎你與我們分享你的觀點與Idea. 文章分類文章分類 SelectCategory A/Btest facebookads GoogleAds GoogleAnayltics GoogleOptimize GoogleTagManager Memebershiponly retention SEO SQL uncategorized 專案管理 社群經營 行銷人時事 部落格blog 快來追蹤我們吧～～ 尋找更多內容 Search ©2021CodeForMarketing.