
GTM教學|伺服器追蹤教學2 | GA4事件設定
https://youtu.be/hx7__67JTms 本篇文章為,GTM伺服器追蹤設定GA4的事件,並且說明如何查看GTM伺服器中的DUBUG模式的介面,以及伺服器新增自訂參數(IP)後的資料。 如果你想要先使用免費的,那你可以先考慮Stape,他有提供1萬次的免費請求,之後如果你有需要再開通付費即可。 當然GOOGLE一開始也有提供300元美金 ,應該可以夠企業撐一陣子試用。 本系列會講解有關ServerSIde的建設,以及Server可以做到哪一些Client收集不到的資料, 務必確保要看這一系列的同時,公司已經埋設好Server,或是已經購買好伺服器 。在執行伺服器追蹤時,務必要掌握
本篇文章為,GTM伺服器追蹤設定GA4的事件,並且說明如何查看GTM伺服器中的DUBUG模式的介面,以及伺服器新增自訂參數(IP)後的資料。
如果你想要先使用免費的,那你可以先考慮Stape,他有提供1萬次的免費請求,之後如果你有需要再開通付費即可。 當然GOOGLE一開始也有提供300元美金 ,應該可以夠企業撐一陣子試用。
本系列會講解有關ServerSIde的建設,以及Server可以做到哪一些Client收集不到的資料, 務必確保要看這一系列的同時,公司已經埋設好Server,或是已經購買好伺服器 。在執行伺服器追蹤時,務必要掌握全面的Client追蹤埋設方式,這樣換到伺服器追蹤時,才不會整個手腳慌亂。
Server容器設定

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

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


在你的GTM-Server容器新增一個「GA4的代碼」,並且填入你的GA4評估ID,以及事件名稱設定{{EventName}}。
這邊的{{EventName}},代表事件名稱會Follow從Client來的事件,如果你想要做GTM-Client容器沒有設定的事件,事件名稱就可以選擇你要的事件,但務必觸發條件要設定好。
代碼的條件設定

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

選擇觸發條件為「Client Name」,並且等於「GA4」。不懂的話對應圖片操作即可!
如果你搞不懂為甚麼條件叫做GA4,以及其他伺服器變數解說。可以去看一下 「GTM - ServerSide 伺服器追蹤教學4|Http & Variable解說」 。

完整的事件設定參考圖。
認識ServerDebug模式

如果你進入Debug模式,有看到左側事件,並且有中間的區塊分別為「Client, Outgoing HTTP, Incoming HTTP」。
Client:使用GA4的CLIENT於GTM-SERVER容器中宣告事件。
Outgoing HTTP:從伺服器發出去的HTTP請求。意旨你要發出去哪個平台(FB, TT, LINE等)。
Imcoming HTTP:從外部進來伺服器的HTTP請求。例如,/g/collect?開頭的請求網址。

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

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

回到GA4你可以測試看看,伺服器有無發送正確資料進入GA4的DEBUG模式,如果你有看到資料,代表已經設定成功。並且等待24-48HRS,資料就會出現在對應報表內容裡。
如果你還是不放心,你也可以直接前往GA4的即時報表中,查看有無最新的前端數據。
預覽自訂參數

使用伺服器追蹤的好處,你可以在指定事件中,新增你要的自訂參數,例如上方「dim」,並且帶上我修改後的IP地址。
需要任何協助嗎?
最快一個工作天將與您聯繫。
其他文章推薦
查看更多 →
【成功案例】修復GA4 網店總收益落差
台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。