為什麼我需要看這篇文——網站已是80%的人線上營利的媒介之一,不論我們想收集訂閱名單、轉換訂單…老司機們都曉得追蹤網站流量來源與事件的重要。
但我們熟知的Google Analytics有一個小小的麻煩之處是,如果我有很多個事件要追蹤,就得在每個相對應的區塊下追蹤碼;一來不僅很難管理不同區塊的事件標籤,二來是需要重複的跟前端工程師修改程式碼。
對初學者來說,你有一個機會從一開始就善用Google Tag Manager,用一段程式碼,管理網站上從GA、Adwords到Hotjar所有分析。直接跳過GA埋追蹤碼、讓網站效能變差的痛苦期。
使用背景
我和公司目前正在協助一個客戶上Kickstarter募資,正式上線為太平洋時間11/15上午8點。不過為了提前了解美國智慧家庭的Persona以及對商品的感興趣程度,我們在一週半前上線了一個Landing Page;透過臉書廣告設定不同Persona,導流到Landing Page引導他們留下聯繫方式,以便我們在上線前一天對他們發送通知。
實作總覽
導流主要分成兩塊:廣告精準投放、媒體投放。
廣告精準投放:設定N種interest group與demographics組合→run A/B test選出CPC表現最好的組合→加大預算
媒體投放:收集特定興趣的記者名單→分類撰寫多個Email Subject發送→不斷優化開信率及點擊率
短短兩週時間緊迫,過程中可以優化的地方太多,先讓我們把它放入草稿區暫存;今天focus在教大家最簡單方式設定網站追蹤。
愉快地登入你的Google Tag Manager
*注意:你也要有Google Analytics帳戶喔,因為屆時我們是在GA裡看報表。我們在GTM只會用到GA上的追蹤ID(ex: UX-xxxxxxxxx–x)*
設定完以後會進入workspace:
掌握Google Tag Manager的運作邏輯
追蹤碼:
「網站內一段追蹤碼,apply workspace的所有設定」
Tags vs Triggers vs Variables:
「當user在網站上觸發我們設定的某個條件(Trigger),GTM就會依照該trigger被指定要觸發的tag,傳送一次hit到你的Google Analytics dashboard」
I. 先激活GTM
- 分別在<head>與<body>的下一行貼上可愛的追蹤碼;並且要記得拿掉所有目前已經埋的其他追蹤碼,GA也一樣!!這很重要喔!
2. 點進左邊sidebar的「Variable」(一開始會什麼變數都沒有。)
直接點「New」,直覺的命名一下;再點進去右邊會出現一排可選的變數型態,滑到下面選擇「Google Analytics Settings」。
然後把你GA的追蹤ID (ex: UX-xxxxxxxxx-x) 貼到「Tracking ID」的欄位。
這樣我們就把GTM數值送到GA的橋梁給搭好囉。
你可能會有種感覺是,好像現在額外設定一個GTM來傳值給GA很麻煩;但相信我,現在的設定就是在解救未來的自己:)在經營良好的情形下,我們只會有更多要追蹤的事件以及分析工具要加入網站
II. 開始用GTM設定事件觸發吧!以Depth Scroll (網頁瀏覽深度)為例
- 點進左邊sidebar的「Tags」,命名註記這個tag是要記錄用戶的「瀏覽深度」
2. 點一下Tag Configuration,右邊會滑出一大排可選的tag type,選「Universal Analytics」
再點進去設定,這個「瀏覽深度」會被記錄到GA的哪個追蹤類型:
3. 最後一步,設定「Triggering」!
一樣取個直覺的名稱,點進Trigger Configuration,從右邊選擇「Scroll Depth」的trigger type。
這邊我們要設定「當用戶與網頁發生什麼互動時,trigger要生效來觸發剛剛的tag」。讓我們思考一下,你會用什麼來當作Depth Scroll的標準?(=怎樣算完整把網頁看完?、怎樣算看到網頁的一半?)
很簡單的就是取vertical值。2012年網路上就有人用jQuery寫深度追蹤,是為了GA做一個plugin,應用的概念也是追蹤滑鼠滑動上距。
如果你成功設定好,對網頁導流一段時間,就可以在GA中看到以下的紀錄:(數據僅供參考)
同場加映:如果一直觸發不了某個tag,要如何debug?
考考你,如果我們改天要追蹤用戶對某個區塊的點擊事件時,你會怎麼設定trigger?
如果不確定答案,我們先來對照一下trigger裡有哪些設定值可用:
恩,這樣應該可以用Click Classes 或 Click Text 或Click什麼的XD,對吧
欸,不行,身為Analyst我們要精確驗證哪個Trigger value可行。那要怎麼做呢?
這裡要講到GTM的另一個優點:Debug Mode!也就是如果我們在overview按下右上角的「preview」…
這時當你打開你的目標網站(剛剛container裡設定好的),就可以看到你每個有/無觸發的tag,以及當你做某個動作之後,有被記錄下來的變數是什麼:
當我們點開「Variable」這個頁籤,可以看到左邊GTM記錄下的每個動作,分別帶了什麼變數進來。譬如我點擊了底部的公司名稱處,就可以看到它帶進來的變數有以下:
此時聰明的你應該就知道,我們可以用這邊的值來設定精準的trigger。原本我們還要打開程式去Check該區塊的Class或id是什麼,現在只要從Debug mode就可以檢查到。
所以如果是點擊事件,你就可以設定成:『Click Classes / contains / xxx』。除此之外,也還可以選擇其他條件。
結語:不確定消費者的想法就別去猜,用技術方法來觀察再做驗證
如果base在同一個類型的商品,可是你的解決方案更快/更簡單/更有效,那麼精準投放、轉換便是有價值的投資。
如果base在一個很新的商品或概念,消費者根本不曉得自己是否需要這項服務,那麼內容行銷、尋求不同表達方式來跟消費者溝通,便是值得投資的套路。
當有消費能力的用戶越來越能接受新商品,但不想要看見不在乎、不相關、無聊的訊息時,做到精準、客製化越來越會成為趨勢;而前提是我們持續透過可追蹤的行為來了解用戶。
如果你希望再多看我寫網站分析的文章,歡迎點此訂閱,或追蹤Data-driven Marketing 🙂
Happy Analysis & Keep shipping!
文章出處
JiunYi Yang (Abao)
Master@NCCU MIS | Data Analyst@Tagtoo AD 塔圖廣告科技。熱衷於 用戶行為數據分析 / DA, AI在行銷, 銷售的應用 / GA / GTM / 數位廣告投放,定期分享筆記與洞察想法。 合作歡迎來信: [email protected] (通常1~2天回覆)