想要學習如何透過GTM事件追蹤使用者行為,並將其設定為GA4中的轉換嗎?本文將為你詳細說明GTM建立事件追蹤的步驟,從GTM標籤與觸發條件的設定,到GA4中的轉換追蹤,幫助你快速掌握這項技能,輕鬆為你的網頁行銷錦上添花!
GTM建立事件及轉換追蹤流程
在說明如何建立GTM事件前,我們要再次強調,針對相同的事件,GTM與GA4要分開設定。也就是說,即便你已經在GA4中使用「自訂事件」設定了某個事件,只要你也想透過GTM追蹤這個事件,就要依照下述步驟,重新設定一次。
建議往前複習GTM是什麼?代碼、變數、觸發條件三大要件,手把手教你如何設定!及Google Tag Manager圖文安裝教學,找對追蹤碼,安裝GTM沒煩惱可以更加快速上手喔!
今天以「點擊作者名稱連結」作為追蹤點擊的目標,在GTM中建立事件,一共需要分3大步驟,追蹤有多少人按下文章下方的”已見室”連結
1. 建立標籤
首先,我們要先新增一個「Google Analytics: GA4 事件」的標籤,如下圖所示:
a.為該標籤方便日後管理的名稱即可
b.在「代碼類型」中選擇「代碼類型」
c.在「設定代碼」中選擇你的GA4追蹤代碼
*該欄位是讓你管理該代碼要應用在哪一個GA4資源上,如果不清楚當時設置的內容,可以參考Google Tag Manager安裝步驟教學中的代碼設置
d.在「事件名稱」中為你要創建的事件取一個名稱,而該名稱將會顯示在GA4之中
2. 設定觸發條件
在設定完標籤後,接著要來建立觸發條件,以便讓GTM知道什麼情況下要觸發這個事件。
☗建立觸發條件
首先,你可以透過「新增觸發條件」來建立新的觸發條件,如下圖所示。
接著,選擇「所有元素」來追蹤使用者的點擊行為,並設定一個條件來判斷什麼情況下要觸發事件。以下圖為例,我們設定當使用者點擊連結時,會將該連結的文字傳送到GA4。
抓取變數
但GTM目前不知道你要傳送的是點擊連結的文字,這時候就要來設定「變數」了。
還記得Google Tag Manager基礎教學-變數及實際應用當時提到的內容嗎?我們現在就是需要抓取特定變數(如同問券的姓名欄),中特定的數值(只抓取小華的名字),藉此在特定時間點觸發。
而為了找到這個變數及數值,我們需要到Google Tag Manager中的預覽功能,如同下圖點選預覽後,請再輸入你要測試的網址,你會進入「代碼測試模式」,你可以看到你的代碼是否真的觸發,以及最重要的,你可以知道這些代碼是因為那些觸發條件及變數。
接下來會出現兩個頁面,一個是剛剛輸入的測試頁面(網址尾部會出現?gtm_debug,且頁面右下角會出現Tag Assistant),另一個則是GTM偵錯後台。
請如同下圖一樣,在你希望追蹤的按鈕上點擊下去,這時在GTM偵錯後台中會出現你剛剛在該頁面上做的動作(例如滾輪scroll、點擊按鈕click等等),請選擇紅框中的「click」,並且點選右邊的「Variables(變數)」,你可以看到在這個click動作中記錄了那些變數。
這時你可以依據你得自己的情況,選擇不同的變數,而我這次為了可以正確選則文章頁面中下方的的作者名稱,我選擇了「Click Text」及「Click Url」這兩個變數,並且記住他們產生的數值。
回到剛剛的「新建觸發條件」畫面,在下方紅框中選擇對應的變數,並且在右方的值中填選「Click」動作中產生的值。(如果要增加觸發條件,可以點選旁邊的+號)
到了這步驟後填寫該觸發條件的名稱並且儲存,你就可以得到一個「當使用者點擊的文字為”己見室”,且前往頁面為”https://jikensitu.com/author/jikensitu/”」時就會觸發的設定。
3. 驗證功能
當設定完標籤與觸發條件後,你可以在「預覽模式」中,點擊剛才設定的觸發條件,確認標籤有觸發,且相關參數的設定正確。
或是你也可以到GA4的即時報告中,查看事件是否真的有收集到。
*我在建立標籤中的事件名稱中填寫”writter_name”,因此GA4收集到的資料也將是”writter_name”
4. 設定成轉換
最後一步,就是將事件設定成轉換。在GA4的管理後台,進到「管理」->「轉換」中,點選「新增轉換事件」,將剛剛設定的事件名稱填入其中,就可以將該事件儲存在轉換之中。
GTM事件追蹤的多元應用場景
透過上述4個步驟,就可以完成一般情況下的GTM事件追蹤設定。但其實GTM事件追蹤能應用的場景非常多元,不僅僅是按鈕點擊,表單提交、滾軸事件、特定網址瀏覽等,都可以透過稍作設定來達成追蹤目標。
下文我們就將介紹幾個常見的GTM事件追蹤應用場景,並詳細說明各自的設定要點,幫助你更靈活地運用這項強大的工具。
進階設定:自訂參數與dataLayer應用
在GTM事件設定中,有時候我們會希望將更多資訊(如:使用者ID、商品分類等)傳遞到GA4,以便進行更細緻的數據分析,這時就需要透過自訂參數來達成。而常見的自訂參數設定方式有2種:第一種是透過上文介紹的「新增參數」來設定;第二種則是透過dataLayer來推送事件。
自訂參數
自訂參數的設定方式,正如同上文所介紹的步驟,先在參數中新增一個名稱,並按照你的需求輸入數值,如下圖所示。
然而,這樣的設定方式僅限於較簡單的事件,若想要追蹤較複雜的事件(如:購物車),就要透過dataLayer來設定。
dataLayer
dataLayer是一個用來儲存資料的變數,能夠幫助你在網頁中推送事件。若想透過dataLayer來推送事件,就要先在網頁的程式碼中加入下述的程式碼:
dataLayer.push({
‘event’: ‘add_to_cart’
});
加入程式碼後,再回到GTM設定標籤,並在事件名稱欄位輸入dataLayer的事件名稱,其他部分則依照上文步驟設定即可。
驗證與除錯:常見工具與技巧
在設定GTM事件時,驗證功能是否正常運作,是確保資料能正確傳遞到GA4的關鍵。一般來說,我們會透過下述工具來驗證GTM事件的運作情況:
- GTM預覽模式:在GTM的預覽模式中,能夠看到標籤是否正確觸發,並檢視傳遞的參數值。
- GA4 Debug模式:在GA4中,進到「設定」➡「管理」➡「DebugView」,能夠檢視事件是否正確到達GA4。
- Tag Assistant:在瀏覽器安裝擴充工具Tag Assistant,並開啟Debug模式,即可幫助你確認GTM的標籤是否正確運作。
- DataLayer Checker:也是一個瀏覽器的擴充工具,能用來檢視dataLayer的資料內容。
而在驗證GTM事件的運作情況時,建議檢查以下幾個重點:
- 標籤是否正確觸發?
- 傳遞的參數值是否為預期中的結果?
- 事件是否正確到達GA4?
若發現有錯誤,建議重新檢查標籤與觸發條件的設定,並確保GTM與GA4的連結ID正確無誤。
常見錯誤與排查方法
在設定GTM事件追蹤時,常會遇到以下幾個錯誤,若你也曾遇到這些問題,不妨參考下述方法,幫助你順利排除錯誤:
| 常見錯誤 | 說明 | 排查方法 |
|---|---|---|
| 事件重複 | 事件重複可能會導致數據不準確 | 檢查標籤與觸發條件,確保沒有重複設定 |
| 事件未觸發 | 事件未觸發可能是因為觸發條件設定錯誤或未正確儲存 | 檢查觸發條件設定,並確認已正確儲存 |
| 傳遞的參數值錯誤 | 傳遞的參數值若出現錯誤,會影響GA4的報表生成 | 檢查標籤設定,並確保參數名稱與數值皆正確 |
| 數據異常 | 數據異常可能是因為事件重複、未觸發或傳遞的參數值錯誤所導致 | 檢查標籤、觸發條件,並確認傳遞的參數值正確無誤 |
FAQ:GTM事件追蹤常見疑問
- 事件追蹤沒反應怎麼辦?
若在追蹤事件時發現沒有反應,建議重新檢查標籤與觸發條件的設定,並確保GTM與GA4的連結ID正確無誤。
- 如何避免事件重複?
避免事件重複的關鍵在於確保標籤與觸發條件的設定沒有重複。建議在設定前,先確認好已存在的標籤與觸發條件,並確保新設定的內容沒有重複。
- 表單追蹤要注意什麼?
在表單追蹤上,最常見的問題是使用者提交表單後,會直接跳轉到其他網頁,導致GTM的標籤未能正確觸發。若希望避免此問題,建議在表單提交後,不要讓網頁立即跳轉,或是在網頁跳轉前,先讓GTM的標籤觸發。
GTM事件追蹤的設定,對於新手來說可能會有些複雜,但只要找到專業的GA4代操作團隊協助,就能輕鬆解決你的困擾!如果你也正在為SEO優化而煩惱,就歡迎追蹤己見室與FB粉絲團,讓我們帶你一起衝刺SEO!如果你有任何問題,也歡迎在下方留言,我們都很樂意為你解答。
Last Updated on 17 7 月, 2025 by 己見室
