Code For Marketing

不同開發環境的 GTM(Google Tag Manager) 設定 + SPA page view 設定

此篇文包含: GTM 是什麼? 如何針對 production, staging, development 三種環境設定 GTM SPA 網站要如何讓 page view 進到 GA 聽說 GTM 是現在管理 Tracking Code…

5 years ago

GTM和UTM是什麼東西?

【為什麼寫這篇文】 首先文章的開頭,一定得說明一下這篇文章的由來。 幾個月之前,我完全沒有數位行銷、數位廣告這些概念,是在一個月之前我進入一間數位廣告行銷公司,慢慢地從零開始,邊學習系統的操作,邊理解廣大的數位廣告以及相關的概念。因為毫無相關經驗,因此剛開始進到這個領域,每天聽到的都會是一大堆沒聽過的專有名詞、或是英文縮寫,ex:DSP、ADX、SSP、GTM、UTM、Google Adsense、Google Ad Manager、……等等數不清的名詞。 GTM和UTM就是在我到職一個禮拜內,很常聽到,然後把它們搞混的兩個名詞(聽起來實在很像)。 某天心血來潮上網google了一下,但找到的文章,大多是單獨介紹GTM或UTM的文章,再不然就是說明GTM和GA的差異。因此就萌生了要寫這篇文章的念頭了! 【GTM是什麼?UTM又是什麼?】 要理解兩項東西的差別,一定得先知道他們是什麼東西,因此分別介紹它們兩個是必須的。 GTM的全名叫做Google Tag Manager,直接翻譯成中文,就是Google底下的一個標籤管理工具。或許從它的由來說起會比較容易理解,在還沒有這項工具出現之前,當我們想在GA(Google Analytics)上追蹤使用者在網站上的行為/互動時(點擊某個按鈕、到訪網頁…等),我們就必須到網站的後台,在一大串程式碼中,貼上追蹤碼的標籤,不同的互動需要埋放不同的追蹤碼。 當需要貼上的追蹤碼標籤越來越多,要一個一個手動執行是非常耗時耗神的事情,因此GTM就出現了! 它能夠讓操作者不需用到網站後台,在一大串密密麻麻的程式碼之間,埋放追蹤碼,只需要在GTM上面指定變數和觸發時機,便可以一次性地在需要的網頁上埋放追蹤碼。 GTM優勢: 1. 一次性埋放且便於管理 2.…

6 years ago

從 GA 安全轉移到 GTM ,其實你不需要砍掉重練

前言:為了往後作業方便,最近需要把原本有埋 GA 的網站替換成 GTM (其實兩者並非替換關係,正確的說法應該是改由 GTM 這個代碼管理工具來發動 GA )。 雖説先前已經有從0到1架設 GTM + GA 的經驗,但這次是希望原有 GA 資料不會遺失、甚至能繼續累積的狀態下,改由 GTM 發動,所以還是有點不同。 關於從 GA…

6 years ago

【行銷數據蒐集、視覺化|Google Tag Manager .ft Data Studio】一篇學到底!SaaS產品導入GTM + DS 即時呈現網站追蹤數據

這篇文要記錄一下我導入Google Tag Manager到SaaS product(從網站到平台的追蹤),並運用Data Studio讓我的同事可以即時看到網站數據,省去等待我整理文件或自行在GA裡摸索的時間。 比起分篇,我想直接一個頁面從頭到尾講完網站追蹤&分析的教學。好處是反正一個地方滿足你現階段需求、不懂你就到這邊留言問我,不用重新爬文。為了讓此文足以成為大家的知識庫,這兒會一直更新;so如果你有更好的做法請不吝嗇讓我知道!感謝! 本文目錄:(以下將Google Tag Manager簡稱為GTM,Google Analytics簡稱GA) 0. 前提:追蹤數據和商業指標的連結 1. 安裝:安裝、檢查流量是否正常 2. 設定:Event Tag 3. 設定:User Identify…

6 years ago

【GTM 心得分享】如何追蹤活動流程 | 以聖誕節特別企劃為例

原文出處 Hello,大家新年快樂!春節年間回老家彰化,除了平常吃吃喝喝,也因為實在閒來無事,心想該來記錄之前的一些學習歷程與心得。 今天要分享的是,身為一個愛好數位工具的宅宅,我用 Email、Weebly 建了一個聖誕節特別企劃 — 「兌換券贈送活動」,在聖誕節期間贈送給女朋友,讓他透過簡單的流程獲得兌換券。而我也利用 GTM 在網站埋設GA追蹤碼、事件追蹤來確認女友是否有成功完成整個流程。 聽起來有點多此一舉的流程,需要執行以下三個程序: 製作 Email :我參考 Really Good Emails 的 HTML 架構,動手做了一封陽春的信 製作 Landing Page:點擊信件後的到達頁,我使用的是 Weebly,它可以讓使用者自行增減程式碼。而且是中文版,使用起來也容易上手。 埋設追蹤碼:為了追蹤開信、點擊、兌換券下載動作,我在網頁埋入了Google…

6 years ago

【給我一段程式碼,我就能幫你分析網站上所有事件】懂了就超好上手的Google Tag Manager激活+Depth Scroll追蹤示範

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

6 years ago