【GTM事件建立教學】4步驟完成GTM事件及GA4轉換追蹤

想要學習如何透過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 己見室

文章分類

聯絡我們

即刻為你規劃SEO、AI Search優化策略藍圖

近期文章

什麼是SERP?進行SEO策略前必懂搜尋結果頁面

SERP(Search Engine Result Page)是搜尋引擎結果的英文縮寫,就是指我們在Google、Yahoo等地搜尋引擎中,輸入關鍵字之後的出現搜尋結果的頁面。而搜尋結果包含許多種類型,因此需要先鎖定希望優化的搜尋結果類別,才能夠制定正確的SEO策略。

閱讀更多 »