Google Tag Manager 新手教學篇
Google Tag Manager 新手教學篇
為什麼要學GTM
做為數位行銷人,進公司後非做不可的事情就是要趕快安裝GA追蹤碼,趕快可以追蹤網站經營的成效,但往往很多人會卡關在安裝追蹤碼這關,往往都必須要拜託前端工程師協助處理。但事情會這麼順利嗎?答案是NO,因為接下來你會慢慢發現,好像電子商務追蹤沒安裝,FB pixel沒安裝,又得硬著頭皮去拜託工程師了....但這些問題,如果你已經學會了GTM,那這些問題全部都可以迎刃而解,讓你就算不會寫code,也不必靠工程師也能讀自完成埋code工作。
GTM簡介
GTM(Google Tag Manager)是Google所推出的代碼管理工具。GTM是個管理工具,而不是一個新的追蹤分析工具,所以GTM並不等同於GA,但使用GTM可以管理GA。而且使用GTM有很多好處,GTM可以輕鬆管理追蹤代碼(Google Analytics、Facebook Pixel、Google Ads等)。GTM介面整合了各項數位行銷工作上常使用的代碼資源,原則上只要你設定沒有出問題,就可以輕鬆的管理各項追蹤代碼,即使不會寫程式碼也不擔心不會設定,更不必常常要去拜託工程師。
為什麼要使用GTM?
(1) 使用GTM有什麼優點:
一、不會寫code也沒問題,行銷人員也能輕鬆埋入追蹤碼。
只需要一開始請工程師幫忙埋GTM的Code,後續不論是要設定什麼事件或者應用都可以自己來。
二、操作方便容易上手
新增或修改代碼,都可以在GTM後台直接做修改,不須開始網站後台去修改程式碼。
三、增加網站載入速度
使用GTM的優點,就是可以統一管理這些代碼,不需要在後台加入一堆密密麻麻的程式碼影像網站讀取速度,交給GTM統一加入代碼可以加快網站載入速度,就不會因為網站速度慢讓使用者跑掉啦!
(2) GTM由哪些元素所組成?
GTM的架構分別為:帳戶→容器→代碼、觸發條件、變數
1.帳戶
帳戶是GTM架構中的最高層級,一個帳戶可以用來管理一個或多個網域。
2.容器
容器是專門放置標籤的地方。一個容器對應一個網域, 一個帳戶底下可設定一或多個容器,容器中可以放入多個代碼與觸發條件。
3.代碼
代碼是追蹤工具的一段程式碼,代表要追蹤的事件。GTM內建許多代碼可供行銷人員選擇,也支援多種第三方服務的代碼,也可用自訂HTML方式新增。
4.觸發條件
觸發條件代表代碼的啟動時機。 意思是告訴GTM什麼時候要執行代碼,由變數、運算符號與值所組成。
5. 變數
變數是觸發條件的分支,定義了觸發條件的執行細節。例如頁面網址、表單網址等。
以上就是GTM的基本組成元素,接下來舉個簡單例子跟大家做說明,這樣會更清楚GTM該如何使用。
範例:
如果我希望追蹤「透過FB廣告,加入購物車的人」,GTM要怎麼設定呢?
代碼:FB加入購物車Pixel
觸發條件:網頁瀏覽
變數:瀏覽購物車頁面者,即Page url= www.你的網站/order/cart
意即,當使用者
1.進行 “網頁瀏覽"(觸發條件),
2.並到達 page url=www.你的網站/order/cart (變數)時,
3.啟動 “FB加入購物車Pixel"(代碼)。
當使用者完整進行了上述的三個動作後,GTM就會紀錄相關數據並回傳到GA上,屆時行銷人員就可以在GA報表中分析數。
希望透過以上簡單範例,大家可以對GTM有基本的認識,後續也會繼續新增相關的技術文章跟大家分享。
撰文/陳建夆