GTM教學|GA4教學

GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤

GTM自訂網址追蹤
不是只有「UTM」才能做網址追蹤

如何使用GTM抓取網紅成效追蹤,並回傳至GA4? 或是想要將網紅購買的事件傳入GA4,並記錄網紅的購買金額,該如何做? 或許你可以使用「網址參數」。藉由URL,抓取網紅的推薦來源,並將網紅的金額,計入在GA4中。

本篇GTM教學的這個技巧,不限定只能使用在網紅。例如,活動折扣、Email,其他額外想追蹤的資料等。簡而言之,是一個很實用的GTM變數。

有人稱做「自訂UTM追蹤」,但站在技術方面來講,這樣的稱呼較不正確。本篇的GTM教學應用,也可以使用在「部落格」轉換追蹤上面,如果你想要追蹤來自部落格的轉換成效,那可以看這一篇「GTM教學 – GTM追蹤來自部落格的成效

實際應用

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

舉例,我在網址後面灌上「kol=zoe」的尾碼。即可把來自kol的事件,都傳到GA4做追蹤。
「kol」即為鍵Key。
「zoe」即為值Value。

新增GTM變數

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

前往GTM新增一個變數,選擇變數類型「網址」,元件類型「查詢」,並輸入「kol」。

查詢英文稱「Query」,鍵為「Key」,也是JSON常使用的「Key & Value」格式。

如果不懂查詢,可以滑鼠移到”?”旁邊查看說明。

預覽模式測試

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

在網址的尾部加上「/?kol=zoe」。在debug模式中,變數有顯示zoe,即代表成功,可以前往設定GA4事件。

如果你會擔心資料不見,可以利用cookie的方式,進行資料儲存在前端,後續要使用的同時,再把資料回拋給GA4即可。

詳情可以看這一篇「GTM電子商務埋設1 – VALUE值抓取」

GA4事件設定

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

參考圖中範例所設定的內容。參數名稱、參數值都要設定,以用於辨識從哪位KOL來的自訂維度。

GA4條件設定

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

我選DOM就緒,並設定部分DOM,條件當「kolname」不等於””(空值)。可查看範例圖說明。

預覽測試並發布

GTM自訂網址追蹤 不是只有「UTM」才能做網址追蹤

進入GTM中DEBUG模式測試可行性,也可以至GA4 – DEBUG模式,查看維度有無收到。沒問題後即可發佈,等待24-72HRS,GA4查看資料。

總結

其實任何資料都可以透過QueryString進行追蹤,也就是URL?後面的參數。我們熟悉的UTM原理也是從URL,查詢特定參數「utm_source」,進而找到我們所設定的來源目的。所以你也可以從URL去設定你想要追蹤的參數,再將這些參數回拋給GA4,即可完成你想要的特定追蹤。

error: