Google Tag Manager 教學(四):如何追蹤連結點擊事件?

google tag manager-how to tracking clicks on links event
google tag manager-how to tracking clicks on links event

前言:

會寫這篇文章是因為我想要追蹤一個 outbound link (出站連結),而依照之前 Google Analytics 事件追蹤的 onClink 寫法,把 onClick 語法加入了要追蹤的連結,結果在測試的時候,發現沒有被觸發!數據當然也就沒有被記錄。

再經過搜尋資訊後,才知道原來把 Google Analytics 轉移到 GTM(Google Tag Manager) 之後,原本的事件追蹤不會在 GTM 裡被觸發,而是要另外在 GTM 裡啟動事件追蹤功能!因為 “ Google 代碼管理工具只會在回應事件時啟動代碼!”

官方文件說明:

Google Analytics (分析) 和 Google 代碼管理工具兩者事件的差別:Analytics (分析) 事件指的是「代碼管理工具」啟動 Analytics (分析) 代碼後,系統所傳送的匹配;「代碼管理工具」瀏覽器事件則是使用者與網頁元素 (「DOM 元素」) 互動時,瀏覽器所記錄的事件。這類事件會傳送至「代碼管理工具」資料層,用來設定觸發條件。

來源:代碼管理工具說明-Google Analytics (分析) 事件

官方說明寫得很複雜,我自己的理解意思是:

GTM 所傳送的數據都是需要透過「匹配」後才會傳送出去,我只是在網頁上修改程式碼,但 GTM 裡並沒有任何一個觸發條件符合,所以 Google Analytics 裡才會看不到數據。

而 GTM 有自己的觸發條件設定,有自動事件追蹤功能,我們只需要在 GTM 後台設定好觸發條件,就不需要額外再修改網頁的程式碼。(之前的 Google Analytics 事件追蹤需要在網頁程式碼裡而外加上 onClick 語法。)

底下就來介紹我自己是如何設定 GTM(Google Tag Manager) 的點擊連結 (Clicks on links) 事件追蹤。

 

首先,先登入 GTM(Google Tag Manager) 平台。

第一步驟:設定變數

在這步驟裡,主要是要把內建變數的「Page URL」及「Click URL」開啟。

1.1 點擊「變數」

1.2 「內建變數」> 點擊「設定」

google tag manager-how to tracking clicks on links event-add var
google tag manager-how to tracking clicks on links event

1.3 確認勾選「 Page URL 」:

google tag manager-how to tracking clicks on links event-page url
google tag manager-how to tracking clicks on links event

1.4 確認勾選「 Click URL 」:

google tag manager-how to tracking clicks on links event-click url
google tag manager-how to tracking clicks on links event

 

第二步驟:設定觸發條件

我的目的是追蹤有哪些 outbound link (出站連結) 被點擊了,所以,只要網頁裡的任何一個連結,它的網域網址不是屬於 startdo.tw 就是歸類到 outbound link (出站連結) 。

步驟如下:

2.1 點擊「觸發條件」

2.2 點擊「新增」

google tag manager-how to tracking clicks on links event-add tri
google tag manager-how to tracking clicks on links event

2.3 點擊「觸發條件類型設定」

2.4 點擊「僅連結」

google tag manager-how to tracking clicks on links event-setting only links tri
google tag manager-how to tracking clicks on links event

2.5 設定「觸發條件」的名稱,這邊可以依照自己的設定邏輯設定名稱。

2.6 勾選「等待代碼」,請使用預設值 2000ms,不用調整毫秒。

2.7 設定驗證條件:[ Page URL ] > [ 與規則運算式相符 ] > [ .* ]。

規則運算式可以參考此篇說明:規則運算式

Page URL 說明:提供目前網頁的完整網址。(內建變數說明頁

2.8 這項觸發條件啟動的時機,請勾選「部分的連結點擊」(因為我只要追蹤非 startdo.tw 網域的連結)

2.9 設定觸發條件:[ Click URL ] > [ 不包含 ] > [ startdo.tw ]

儲存以上的設定。

google tag manager-how to tracking clicks on links event-setting tri_outbound link
google tag manager-how to tracking clicks on links event

 

第三步驟:設定代碼

GTM 裡面可以代管很多種代碼。接者,也是最後一個設定,設定是哪一個代碼要被觸發條件,計入數據。

3.1 點擊「代碼」

3.2 點擊「新增」

google tag manager-how to tracking clicks on links event-add tag
google tag manager-how to tracking clicks on links event

3.3 設定代碼名稱,請依照自己的設定邏輯來設定名稱。

3.4 點擊「代碼類型」設定

3.5 選擇「通用 Analytics (分析)」

google tag manager-how to tracking clicks on links event-setting event tag
google tag manager-how to tracking clicks on links event

3.6 追蹤類型選擇「事件」

3.7 設定事件追蹤參數

特別說明:

步驟 3.7 的事件追蹤參數設定,其「類別、動作、標籤、值」這四個參數就由各位自己設定,當使用者點擊了 outbound link (出站連結) ,你會在 Google Analytics 看到的是哪些數值。

其中,標籤設定 {{Click URL}} ,是因為我的 outbound link (出站連結) 有很多不同的網域,我想分別知道是哪些連結被點擊了,所以這邊帶入的是變數,自動帶入被點擊的網址。

這四個數值的說明,可以參考 Google Analytics 的事件追蹤說明(點我前往)。

3.8 勾選「在這個代碼中啟用覆寫設定」

3.9 選擇之前設定的 var_ga code (常數值)。

設定 var_ ga code 請參考此篇說明:Google Tag Manager 新手教學(二):如何加入 Google Analytics 代碼

google tag manager-how to tracking clicks on links event-setting ga event tag
google tag manager-how to tracking clicks on links event

 

3.10 選擇前面步驟二所設定的觸發條件:「tri_outbound link」。

google tag manager-how to tracking clicks on links event-check tri_outbound link
google tag manager-how to tracking clicks on links event

 

最後,回到 Google Analytics 來驗證剛剛設定的資料是否有正確,數據是否有計入!

google tag manager-how to tracking clicks on links event-check on google analytics
google tag manager-how to tracking clicks on links event

 

以上就是如何在 GTM(Google Tag Manager) 設定 Outbound link (出站連結) 事件追蹤。

如有其他設定方式、建議,或是疑問,歡迎在底下留言,我會盡快回覆~

 

提供本篇文章在編輯時參考的資料:

  1. 代碼管理工具說明:Google Analytics(分析)事件
  2. Auto-Event Tracking with Google Tag Manager | Lesson 5 – GTM for Beginners
  3. Analytics (分析)說明:關於事件

You may also like

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *