GTM – ServerSide伺服器追蹤教學|GA4事件設定

GTM – ServerSide 伺服器追蹤教學2 | GA4事件設定

本篇文章為,GTM伺服器追蹤設定GA4的事件,並且說明如何查看GTM伺服器中的DUBUG模式的介面,以及伺服器新增自訂參數(IP)後的資料。

如果你想要先使用免費的,那你可以先考慮Stape,他有提供1萬次的免費請求,之後如果你有需要再開通付費即可。當然GOOGLE一開始也有提供300元美金,應該可以夠企業撐一陣子試用。

本系列會講解有關ServerSIde的建設,以及Server可以做到哪一些Client收集不到的資料,務必確保要看這一系列的同時,公司已經埋設好Server,或是已經購買好伺服器。在執行伺服器追蹤時,務必要掌握全面的Client追蹤埋設方式,這樣換到伺服器追蹤時,才不會整個手腳慌亂。

Server容器設定

GTM – ServerSide伺服器追蹤教學|GA4事件設定

先至你的GTM-Server容器設定伺服器的網址,並放進來至上方圖片的位置,如果不清楚這個設定在哪,也可以回去看前一集的內容,我有提到這個在哪邊設定哦!

Client容器參數設定

GTM – ServerSide伺服器追蹤教學|GA4事件設定

將Client的基礎代碼中,打開下面的配置參數,並且設定server_container_url,並且也貼上你那一段伺服器的網址。

Server-新增GA4代碼

GTM – ServerSide伺服器追蹤教學|GA4事件設定
GTM – ServerSide伺服器追蹤教學|GA4事件設定

在你的GTM-Server容器新增一個「GA4的代碼」,並且填入你的GA4評估ID,以及事件名稱設定{{EventName}}。

這邊的{{EventName}},代表事件名稱會Follow從Client來的事件,如果你想要做GTM-Client容器沒有設定的事件,事件名稱就可以選擇你要的事件,但務必觸發條件要設定好。

代碼的條件設定

GTM – ServerSide伺服器追蹤教學|GA4事件設定

觸發條件本次範例選擇自訂,當然需要依照你前面代碼設定的事件做變動,不過基本上「自訂」,能幫我們處理絕大多數的情況了。

GTM – ServerSide伺服器追蹤教學|GA4事件設定

選擇觸發條件為「Client Name」,並且等於「GA4」。不懂的話對應圖片操作即可!

如果你搞不懂為甚麼條件叫做GA4,以及其他伺服器變數解說。可以去看一下「GTM – ServerSide 伺服器追蹤教學4|Http & Variable解說」

GTM – ServerSide伺服器追蹤教學|GA4事件設定

完整的事件設定參考圖。

認識ServerDebug模式

GTM – ServerSide伺服器追蹤教學|GA4事件設定

如果你進入Debug模式,有看到左側事件,並且有中間的區塊分別為「Client, Outgoing HTTP, Incoming HTTP」。

  • Client:使用GA4的CLIENT於GTM-SERVER容器中宣告事件。
  • Outgoing HTTP:從伺服器發出去的HTTP請求。意旨你要發出去哪個平台(FB, TT, LINE等)。
  • Imcoming HTTP:從外部進來伺服器的HTTP請求。例如,/g/collect?開頭的請求網址。
GTM – ServerSide伺服器追蹤教學|GA4事件設定

點開Client你可以看到裡面對應的資料內容。

GTM – ServerSide伺服器追蹤教學|GA4事件設定

點開Incoming HTTP請求,你可以看到使用者發送過來的請求資料,有點像在表明「他是誰、來自哪裡、怎麼來、誰推薦他來」等資料。

查看有無收到事件

回到GA4你可以測試看看,伺服器有無發送正確資料進入GA4的DEBUG模式,如果你有看到資料,代表已經設定成功。並且等待24-48HRS,資料就會出現在對應報表內容裡。

如果你還是不放心,你也可以直接前往GA4的即時報表中,查看有無最新的前端數據。

預覽自訂參數

GTM – ServerSide伺服器追蹤教學|GA4事件設定

使用伺服器追蹤的好處,你可以在指定事件中,新增你要的自訂參數,例如上方「dim」,並且帶上我修改後的IP地址。

error: