【GTM基礎教學】代碼、變數、觸發條件三大要件說明

GTM是什麼?

GTM是「Google Tag Manager」的簡稱,是Google為了網站管理者可以方便管理各種追蹤碼(如:Hotjar、FB pixel、GA4追蹤碼),而創造的一個工具。
單然它的功用遠遠不僅僅是管理追蹤碼,擁有植入自訂HTML及事件追蹤的功能,大大增加了GTM本身可以應用的環境,因此本篇會先帶各位了解GTM的基本設定功能,對於往後的操作步驟教學會有更好的幫助。

如果你還沒有安裝GTM,可以參考過往的Google Tag Manager安裝步驟教學,裡面快速的跟各位說明應該如何安裝GTM。

GTM三大功能說明

◆代碼(Tag)

代碼最簡單的概念就是「今天我要做出什麼目標」,想像成他是一台微波爐上的預設功能,他可以藉由設定好的”代碼”,幫你完成解凍、加熱、時間控管
而使用GTM常見的目的有以下幾種

(可以在GTM的代碼中,建立自己想要完成的目標程式)

◆觸發條件(Triggers)

觸發條件的作用是控管代碼啟動時機(Fired),以下舉出三個範例給各位了解

  • 為了追蹤使用者在頁面上的所有行動資訊,會將GA4、FB追蹤代碼啟動時間設定為「進入所有頁面」時啟動
  • 為了加入彈出廣告在結帳頁面,會將廣告彈出代碼的啟動時間設定為「當使用者進入購物車頁面時」
  • 為了了解有多少人按下聯絡我們的按鈕,會將按鈕事件的啟動時間設定為「當該按鈕被按下去的瞬間」

從以上範例可以更加了解,”觸發條件”就是為了控制”代碼”,而另外獨立出來的一個功能。

(系統中預設可以新增的觸發時機)

◆變數(variable)

變數其實非常貼近「欄位」的意思,是一個儲藏/記住資料的功能,雖然通常只有工程師才會經常使用,但我這邊給各為一個比較貼近身活的範例。

請各位先想像一張問券,表單中會有”姓名”、”性別”、”年齡”三個空位,當我給三個人填寫以後會有以下資料產生

  • 姓名:”小明”   性別:”男性”  年齡:”18″
  • 姓名:”小王”   性別:”男性”  年齡:”22″
  • 姓名:”小華”   性別:”女性”  年齡:”16″

而在GTM中,”姓名”、”性別”、”年齡”也就是我們所謂的「變數」,當我向電腦查詢小明、小王、小華年齡資料時,就會分別吐出不同得資料,這就是「變數」的功能。

(在右上角的設定中,可以開啟更多系統預設的變數)

那該如何應用這些功能呢?

從以上的介紹,我們可以了解到三大功能範例介紹。而現在我將會簡短說明,將三個功能串接在一起
假定我們將剛剛的舉例的表單當作按鈕,並且追蹤點擊狀況,會有以下的執行步驟

1.先設定這次的代碼目標為「不管其他人的情況下,了解小華被點擊幾次」
  因此先在在「代碼」設定「當代碼被觸發時,送出1次事件計算」
2.尋找三個按鈕間不同的「變數」,例如:姓名、年齡、性別
3.在「觸發條件」中設定,利用變數的設定,當「變數」”姓名=小華”,並且按鈕被點擊時才會啟動

完成以後,就會得到「當小華被點擊時,系統紀錄一次事件」的成果
根據以上的範例,就會完整的使用到GTM中的三種功能,並且完成一個簡單的按鈕追蹤

若對於設定步驟有興趣,可以在往下閱讀Google Tag Manager轉換追蹤教學,基礎知識與設定方法詳解 ,會有更清晰的圖解步驟說明。

看完了這麼多,我想你對Google Tag Manager三大功能已經有了一定的了解,如果還希望吸收更深入的知識,可以繼續閱讀一下文章:
建立GA4轉換事件!設置GTM事件追蹤完整圖文流程教學
【GA4安裝教學】利用GTM輕鬆植入GA4追蹤碼!
如果喜歡我的文章,或是未來想要了解更多關於SEO的消息,請關注我的網站,我會努力將各種知識分享給各位:)


Last Updated on 26 8 月, 2023 by 己見室

取自日文「實驗室(じっけんしつ、jikkensitu)」,在自己的網站上做一些實驗性的修改、優化,同時將這份「自己的所見所聞」分享給所有人,在兩個想法的結合下「己見室」就這麼誕生了。 未來會持續以自身經驗、實際操作過的步驟,帶給各位SEO、數位行銷領域相關的優化方法,請各位持續關注這個網站。