fbpx

為什麼我需要看這篇文——網站已是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

  1. 分別在<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 (網頁瀏覽深度)為例

  1. 點進左邊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天回覆)

Facebook Comments
Code For Marketing

Code For Marketing

鼓勵行銷人學習「工程思維」培養數據敏銳度,推廣善用工具的知識教育組織,透過數據與工程的掌握與應用讓行銷人提升價值,有效運用行銷工程。