Facebook像素

網路行銷必學 WordPress架站如何安裝Facebook像素? 完整安裝教學

許多電商平台都能安裝Facebook像素,而WordPress架設的網站要怎樣安裝Facebook像素呢?其實真的不難,雖然步驟多了一些,但只要透過文章的教學,都能讓你在網站上安裝好Facebook像素,追蹤你的訪客的一舉一動。


Facebook像素是什麼?

像素其實是一段JavaScript程式碼,內嵌在網站程式當中,它的功能就好像安裝在網站上的監視器,隨時記錄著每個訪客的活動。

假如我今天到一間服飾店,裡面有賣衣服、褲子、外套,我先看了衣服再看了外套,最後我買購買了一件褲子,所有的一舉一動都會被監視器紀錄下來。它能記錄有多少人來到你的店裡,瀏覽了哪些商品,有多少人沒有購物就直接離開,讓廣告投放不再憑感覺,可以實際的評估數據,針對不同階段的消費者做行銷,發揮最大的效益。


Facebook像素安裝教學

Facebook像素安裝過程中會需要使用到Google Tag ManagerGoogle Analytics,可以跟著教學步驟註冊。

Google Analytics註冊

step 1

前往Google Analytics註冊,輸入帳戶名稱,點擊 下一步

Facebook像素


step 2

選擇網站,點擊 下一步

Facebook像素教學


step 3

填入網站名稱網站網址(記得選擇https://)、產業類別,點擊 建立勾選同意條款後點擊 我接受

Facebook像素設定


step 4

等等會使用到追蹤ID

Facebook像素追蹤ID


Google Tag Manager註冊

step 1

再前往Google Tag Manager,建立一個帳戶,填入帳戶名稱容器名稱(純網址),選擇網路,點擊 建立

Google Tag Manager註冊


step 2

勾選同意,點擊 

Google Tag Manager註冊同意


step 3

將程式碼分別放到<head>與<body>中

Google Tag Manager註冊程式碼


step 4

前往 外觀 > AstraOptions > 點擊 Activate 啟用Custom Layouts > 點擊 Settings 前往設定

Google Tag Manager設定


step 5

點擊 Add New

WordPress設定


step 6

點擊 <>Enable Code Editor

WordPress程式碼


step 7

標題輸入 head,將要貼在head中的程式碼複製貼上

WordPress程式碼 head


Layout選擇Hooks,Action選擇wp_head,Display On選擇Entire Website,點擊 發佈

WordPress程式碼 發佈


step 8

重複step5、step6,標題輸入 body,將要貼在body中的程式碼複製貼上

WordPress程式碼 body


Layout選擇Hooks,Action選擇body_top,Display On選擇Entire Website,點擊 發佈

WordPress程式碼 發佈


step 9

回到Google Tag Manager,選擇代碼,點擊 新增

新增代碼


step 10

選擇代碼設定,點擊Google Analytics (分析):通用 Analytics (分析)

Google Analytics分析


step 11

選擇選取設定變數,點擊 新增變數

Google Analytics


step 12

貼上追蹤編號,點擊 儲存
追蹤編號就是step4的追蹤ID,將它複製貼上

追蹤編號


step 13

點擊 儲存

Google Analytics設定


step 14

將觸發條件選擇ALL Pages,點擊 儲存

ALL Pages


Facebook廣告管理員設定

step 1

前往廣告管理員建立Facebook像素,點擊 事件管理工具

 Facebook事件管理工具


step 2

點擊 連結資料來源

連結資料來源


step 3

選擇網站,點擊 立即開始

注意 : 如果之前有使用過廣告管理員,目前進行的畫面跟step21不一樣的話,可以跳至step25。


step 4

選擇Facebook像素,點擊 連結

選擇Facebook像素


step 5

輸入像素名稱網站網址,點擊 繼續

輸入像素名稱、網站網址


step 6

點擊 使用夥伴

點擊 使用夥伴


step 7

選擇Google代碼管理工具

Google代碼管理工具


step 8

點擊 繼續


step 9

開啟自動進階配對,點擊 繼續

開啟自動進階配對


step 10

連結帳號後,確認帳號容器是否正確,點擊 完成設定

確認帳號與容器是否正確


step 11

輸入網站網址,點擊 繼續,就會出現設定完成!的畫面。

設定完成


step 12

返回Google代碼管理工具重新整理頁面,選擇代碼,就會看到多出了Facebook pixel,點擊 提交

返回Google代碼管理工具


step 13

輸入版本名稱,點擊 發佈

版本名稱


擴充工具Tag Assistant安裝

step 1

前往安裝擴充工具Tag Assistant (by Google)

擴充工具Tag Assistant


step 2

點擊Tag Assistant小圖,點擊Enable

擴充工具Tag Assistant安裝


Facebook事件設定教學

step 1

前往設定,點擊 開啟事件設定工具

Facebook事件設定


step 2

輸入網站網址,點擊開啟網站

輸入網站網址


step 3

追蹤按鈕示範教學
網站這時會出現Facebook事件設定工具,點擊追蹤新按鈕

Facebook事件設定工具


step 4

這時頁面的所有按鈕都會出現藍色的框框,選取你要設定的按鈕(我這邊以開始學習做為示範)

追蹤按鈕示範


step 5

選擇想要追蹤的事件後點擊 確認部落格可以找自己主要推廣的商品頁,設定主要的CTA作為追蹤,而線上商店就可以透過不同的追蹤事件類型,針對不同階段的消費者做文案與素材,投放廣告去做再行銷,達到最大的效益來提升轉換。

追蹤按鈕示範教學


📖想做好網路行銷,先做好你的行銷漏斗 : 網路行銷必學 規劃行銷漏斗,讓客戶照著你的規則走


step 6

追蹤網址示範教學
點擊 追蹤網址

追蹤網址


step 7

同按鈕一樣可以選擇要追蹤的事件,但追蹤網址不太一樣的地方是,有網址等於網址包含兩個選項選擇,讓網址追蹤的功能更多元,設定完成後記得點擊右上方的完成設定

追蹤網址設定


step 8

完成設定,點擊 完成

追蹤網址設定完成


step 9

可以前往測試事件,來測試看看剛剛選擇的追蹤事件是否有觸發,如果都有觸發,就恭喜你學會Facebook像素的基本安裝與設定摟。

測試事件


結語

網路開店很大的優勢就是不需要實體店面,可以省去店面租金的成本,因此經營線上商店要有規劃行銷的預算的想法,才能讓自己的線上商店能在網路世界中被看見。

Facebook廣告、Google廣告等,都是很好的曝光方式,但當你花錢打廣告引導消費者到了你的商店後,就要透過像素的追蹤,去了解自己的線上商店哪些地方需要優化,透過各種數據去想像消費者的樣貌,針對不同的購物流程而設計不同的文案與素材,讓消費者能感受到你想傳達的品牌理念。

可以認真想想,網路商店這麼多,你的客戶是因為價錢便宜跟你買?還是因為你的品牌理念?又或是你的商品獨特?找到你的商品特性與優勢,並加以放大,做好客戶服務,這些細節都能成為你線上商店能否存活的關鍵。


幫我一個忙


為了要給讀者最好的閱讀體驗,全網站沒有放置廣告,如果這篇文章有幫助到你,可以幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何錢就能【免費支持】我。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端