【GTM安裝教學-2】Facebook Pixel設定以及事件程式碼是什麼
文章推薦指數: 80 %
像素基底程式碼
Skiptocontent
【GTM安裝教學-2】FacebookPixel設定以及事件程式碼是什麼
文/
TCSharing編輯
2019-04-09
內容目錄
像素基底程式碼事件程式碼捲動頁數停留時間
【推薦原因】
Facebook除了可以在粉絲專頁上導流流量到官網以外,還可以加入追蹤碼FacebookPixel,透過這個追蹤碼,企業可以對有到官網互動過的受眾投放廣告,而有進入到官網的受眾,通常是對於企業較有興趣的人,所以投遞廣告也會更加精準,因此FacebookPixel對於企業而言,可以說是非常重要的追蹤工具。
Facebook可以說是大家最常使用的廣告媒體之一了,但是你知道如果少了像素的設定,你將會缺少兩項FB廣告的重要功能嗎?
轉換型廣告:
Facebook聰明到可以根據使用者的使用行為判斷是否會轉換,進而將廣告曝光給這名使用者,但前提是有設定Pixel的自訂轉換功能。
自訂受眾:
Facebook的廣告受眾不是只能夠設定「興趣」以及「粉絲團互動」而已,有Pixel的話能直接將網站的訪客作為受眾,而這可是再行銷廣告的前置作業呢!
FacebookPixel分成「像素基底程式碼」與「事件程式碼」,本篇將會一起將兩種程式碼一起教給各位。
像素基底程式碼
STEP1:建立像素
經過改版現在只要再後台上新增像素,臉書就可以幫妳把程式碼加進GTM囉!一個步驟就可以搞定了!
1.到管理後台選擇「像素」
2.點擊「建立像素」,填上像素名稱,網址是選填的,不填也不會影響像素的使用。
3.選擇「使用整合工具或代碼管理工具」
4.選擇「Google代碼管理工具」,接下來只要你有GTM的帳號FB就會自動幫你安裝好囉!是不是很方便呢。
事件程式碼
FB自訂了很多事件可以讓我們選擇,一般人看了可能眼花撩亂,但這些事件其實都只是一個「參數」而已,實際上的「行為」還是要由我們自己來決定,所以讓我們來「客製化」這些事件吧!在這篇我會以「捲動頁數」為範例,大家可以依此類推,再去設定自己的事件追蹤碼哦!
捲動頁數
1.像素介面點擊設定像素,並選擇「自行手動安裝像素程式碼」
2.點擊「新增事件」,並選一個喜歡的事件,這邊我們以瀏覽內容為範例
3.複製程式碼(ViewContent就是我們之後會看到的事件名稱,可以自由更改,EX:Depth)
4.回到GTM新增代碼,選擇自訂HTML並將複製的代碼貼上,並點開進階設定,將代碼啟動選項改為「每個網頁一次」,避免在同一頁面重複產生相同事件
(以前設定Pixel需要勾選代碼觸發順序,但是現在已經不用囉!)
5.點擊觸發條件,正常來說除了AllPage以外不會有別的條件,所以自己新增囉!選擇「捲動頁數」,一般來說網頁都是垂直滑動,所以我們選擇「垂直捲動頁數」,並填上在捲動多少頁數後觸發該條件,我們以75%為範例。
(建議一個條件只設定一個趴數,才能清楚知道訪客瀏覽到哪一部分。
)
最後按下儲存就完成「捲動頁數」的代碼了!其他事件的代碼差異只在於觸發條件的不同,於是以下就只介紹觸發條件的設定囉!
停留時間
新增觸發條件並選擇計時器,填上時間以及條件。
以光曜為例設定為1分鐘,並符合網址包含「https://kuangyaodm.org」。
簡單說就是在光先生部落格停留一分鐘就會觸發條件。
(當你看到這裡表示你已經停留一分鐘了,已經被我的像素紀錄到囉!)
光曜數位行銷
官方網站
部落格
粉絲專頁
文章由【光曜數位行銷】授權提供TC使用,原文文章標題為【【網站分析教學】GTM教學(二):如何加入FacebookPixel及事件追蹤碼】,版權歸【光曜數位行銷】所有,欲轉載請聯繫原發布單位,經TC彙集整理,部分內容為TC創作,未經授權不得轉載。
圖片來源:unsplash
TCSummary
建立像素:填上像素名稱,網址選填➡️選擇「使用整合工具或代碼管理工具」➡️Google代碼管理工具,讓GTM幫你管理數據
《延伸閱讀》
【網站分析教學】GTM教學(三):如何加入轉換事件,「表單、購物車」都適用哦!
【聊天機器人】FacebookMessenger互動分析,檢核你的聊天機器人互動成效
縮短網址工具服務-沒了Google短網址,還有4個特色縮短址服務
TC的IG上會有更多相關職場成長懶人包,立即追蹤不錯過任何成長機會!想持續接收到最精華的文章,可按這裡加入TCIncubator的[email protected]
最新文章
推薦閱讀
學習技巧|總是學不好如何有效學習?5個步驟教你有效學習!
線上學習網站|職場進修,我該用什麼線上學習網站?5大線上平台比較
【網頁設計】視覺動線該如何設計網站才能讓別人覺得容易瀏覽?
TC精選文章
線上學習網站|職場進修,我該用什麼線上學習網站?5大線上平台比較
向上管理|不需要逢迎巴結!做好這3件事,就能獲得上司信賴
執行力提升|執行力不夠?3個方法幫你拒絕低效率!
高效學習|只要3個步驟,諾貝爾獎得主教你如何高效學習
職場競爭力|想提升職場競爭力嗎?這5個技能你一定要會!
訂閱TCSharing
你的名字
常用Email
立即訂閱精華資訊
文章分類
TC精選系列
人才管理HumanResources
創業家思維Entrepreneur
專案管理-PM
數位工具-Tools
最新文章
會員經濟membership
求職職場Career
活動企劃-Event
科技趨勢Trend
簡報模板-ppt
經營策略Strategy
行銷技巧-Marketing
追蹤TCIncubator
粉絲專頁
IG懶人包
tc_incubator
15th實習招募中
.
專注於數位職場領域
#數位學習#數位人才培訓#企業顧問#實習
.
📌職場技能📖數位知識📘數位領域課程
載入更多...
在Instagram上追蹤
Facebook-f
Instagram
Line
Telegram-plane
關於TCSharing
關於TC
我要投稿
合作洽談
網站聲明
隱私權聲明
隱私權政策
合作夥伴
追蹤我們
Facebook-f
Instagram
Line
Telegram-plane
最新文章
TC精選系列
人才管理HumanResources
創業家思維Entrepreneur
專案管理-PM
數位工具-Tools
會員經濟membership
求職職場Career
活動企劃-Event
科技趨勢Trend
簡報模板-ppt
經營策略Strategy
聊天機器人Chatbot
行銷技巧-Marketing
主選單
Facebook-f
追蹤FB
Instagram
追蹤IG
Telegram-plane
Telegram
Line
[email protected]
CloseMenu
延伸文章資訊
- 1Facebook 像素設定教學全攻略(下):Facebook Pixel 建立與 ...
到這裡完成的是「基底程式碼」安裝到網站中,也就是能夠追蹤最基本的瀏覽「PageView」事件,若是您有特定事件想追蹤的話,需另外再將「事件程式碼」 ...
- 2從0 認識Facebook Pixel
Facebook Pixel 是一項分析工具,將一段JavaScript 程式碼放置於自己網站的程式碼中,當網站訪客執行您想要追蹤(稱為轉換)的動作(稱為事件)時, ...
- 3如何在一個網頁加入多個Facebook像素基底程式碼 ... - Medium
一般埋Facebook Pixel Code會像這樣寫. “如何在一個網頁加入多個Facebook像素基底程式碼(Facebook Pixel Code)” is published by 迷途...
- 4不必懂程式!Facebook新手也能駕馭的臉書像素安裝教學
像素基底程式碼安裝教學
- 5【網站分析教學】GTM教學(二):如何加入FB像素及事件追蹤碼
Facebook Pixel分成「像素基底程式碼」與「事件程式碼」,本篇將會一起將兩種程式碼一起教給各位。GTM加入像素你懂了嗎?快跟著光先生看下去唄!