Header Ads

Google Ads廣告投放與分析課程

Google Tag Manager 新手教學篇

GTM新手教學篇

Google Tag Manager 新手教學篇

為什麼要學GTM

做為數位行銷人,進公司後非做不可的事情就是要趕快安裝GA追蹤碼,趕快可以追蹤網站經營的成效,但往往很多人會卡關在安裝追蹤碼這關,往往都必須要拜託前端工程師協助處理。

但事情會這麼順利嗎?答案是NO,因為接下來你會慢慢發現,好像電子商務追蹤沒安裝,FB pixel沒安裝,又得硬著頭皮去拜託工程師了....但這些問題,如果你已經學會了GTM,那這些問題全部都可以迎刃而解,讓你就算不會寫code,也不必靠工程師也能讀自完成埋code工作。


GTM登入頁面

GTM簡介

GTM(Google Tag Manager)是Google所推出的代碼管理工具。GTM是個管理工具,而不是一個新的追蹤分析工具,所以GTM並不等同於GA,但使用GTM可以管理GA。

而且使用GTM有很多好處,GTM可以輕鬆管理追蹤代碼(Google Analytics、Facebook Pixel、Google Ads等)。GTM介面整合了各項數位行銷工作上常使用的代碼資源,原則上只要你設定沒有出問題,就可以輕鬆的管理各項追蹤代碼,即使不會寫程式碼也不擔心不會設定,更不必常常要去拜託工程師。

進入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有基本的認識,後續也會繼續新增相關的技術文章跟大家分享。

撰文/陳建夆

技術提供:Blogger.