GA4 事件:GA3 事件轉移,及如何查看完整事件報表

/

本篇要解決的問題

最近,大家應該都看到一個驚悚消息,就是 Google 說「明年七月後 GA3 不會再收集資料,大家都去用 GA4 吧」(原文在這)。好的,接下來就會有一個問題,埋 GA4 的追蹤碼容易,用 GTM 或是找原始碼讓工程師無腦埋就好,但事件呢?事件可以直接用原本 GA3 的寫法嗎?

答案是不行,因為 3 跟 4 在事件的使用觀念上是不一樣的,而且 GA3 那些「event_category」之類的也不是 GA4 的預設參數,如果大家的網站埋了 GA4 以後,不做任何設定,或是不重寫事件的程式碼,那進到 GA4 的報表就會發現「event_category」那些收到的值不會被紀錄到。

本篇就是 August 痛苦了一天後研究出來,怎麼把 GA3 事件,不用改寫程式碼,只要在 GA4 後台設定一下,就可以直接使用 GA4 事件的筆記。

另外,GA4 的報表,基本上不像 3 一樣會秀出所有的數值,如果點擊事件一天只有 1,那在報表上就看不到,因為太少了(流量不高錯了嗎!),August 也有找到方法可以在 GA4 上完整的看到事件報表,一樣整理在這篇。


GA3 vs. GA4 事件

3 跟 4 的事件有一個很不同的觀念,就是 3 的事件是有層級的,而 4 沒有,這邊看程式碼會比較清楚。

GA3 埋事件(GA3 事件追蹤):

gtag('event', '事件動作', {
  'event_category': '事件類別',
  'event_label': '事件標籤',
  'value': '事件值'
});

GA4 埋事件(官方文件):

gtag('event', '事件名稱', {
  '參數1': '值1',
  '參數2': '值2',
  ……
})

最不一樣的就是,GA3 的事件有層級 event_category > event_label,而 GA4 就是消除了層級,每個事件的每個值都是獨立去看待。

GA3 跟 GA4 的不同可以參考官方文件,因為文件上 bla bla bla 寫了一長串,雖然寫的是中文但看上去就跟火星文一樣 XD:Google Analytics (分析) 4 事件與通用 Analytics (分析) 事件的差異

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

要注意的是,GA4 可以設自訂的參數,但也不是沒有限制的,除了數量限制外,字數也有限制,從文件中挑了幾個覺得重要的(官方文件):

紀錄的項目限制
事件名稱 長度40 字元
事件參數 數量25 個
事件參數 名稱的長度40 字元
事件參數 值的長度100 字元

GA3 的參數,不在 GA4 的預設參數裡

GA4 發送自訂事件的時候,在不寫參數的情況下,預設會包含以下參數:

  • language
  • page_location
  • page_referrer
  • page_title
  • screen_resolution

聰明如我們,一定會發現到一項驚悚的事實,就是 GA3 的 event_category、event_label 不在這上面啊!

那我們原本在網站寫的好好的 event_category、event_label 會出現在 GA4 的事件報表裡嗎?

根據 August 人體實驗證明,不會,event_category、event_label 不會自動出現在 GA4 事件報表裡

這也就是本篇要解決的問題,讓 event_category、event_label 出現在 GA4 事件報表。

這段的最後附上幾個官方文件中,很重要的資料:

August 覺得最重要的就是第三個建議事件,幫網站埋設 GA4 事件時,可以先查一下有沒有在建議事件裡,有的話就照著文件中要給的參數去給。

尤其裡面還有一大項是「線上銷售業績」,看了事件的範例,很像是 GA3 的電商報表所需要的事件啊,看來 GA4 的電商報表要埋不同的參數(暈.jpg)。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝


讓 GA3 的事件出現在 GA4 報表

本篇的重點就是這段了,要怎麼設定,才能讓 GA3 的 event_category、event_label 出現在 GA4 的事件報表裡呢?

答案很簡單,就是「自訂定義」,我們把 event_category、event_label 這二項設成自訂維度就可以了。

進到 GA4 的後台,左側選單點擊「設定」>「自訂定義」>「建立自訂維度」:

點擊 建立自訂維度
點擊 建立自訂維度

然後會出現一張表,要填寫自訂維度所需的東西。

維度名稱:填寫一個看得懂的名稱。

範圍:選擇「事件」。

說明:看要不要填,就是針對這個自訂維度寫一個補充說明。

事件參數:這邊就是要把 GA3 的 event_category、event_label 給寫上。

建立自訂維度
建立自訂維度

一個自訂維度,只能抓一個事件參數,因此我們需要的 event_category、event_label 就要建成二個。

欄位都填寫好後按下儲存,在自訂定義的列表上就會看到,以下是 August 把類別跟標籤都建好後的樣子:

event_category、event_label 建立自訂定義完成
event_category、event_label 建立自訂定義完成

GA3 的事件,還有一個 value,這項如果有用到,建議也加上去,雖然目前看 GA4 的事件,有一個「活動價值」,這個值的說明是:

為事件提供的所有 VALUE 參數的總計。這項指標的意義依情境而異,可用來追蹤對應用程式而言有價值的所有資料 (例如收益、時間和距離等等)。

但文件上有用到 value 的,都是寫在了 建議事件 上,這樣推理下去,GA3 中我們埋的都算是自訂事件,而自訂事件預設的 5 個參數裡沒有 value,因此覺得加上去會比較保險,以免有送出 value 但報表上卻沒有紀錄。

以上,把 event_category、event_label、value 都加上自訂定義後,後續 GA4 收到我們用 GA3 寫法寫的事件時,就會紀錄在報表中。

如果想要立即測試看有沒有成功,從即時報表上就看得到了,像是 August 在本站有埋了一些連結的點擊事件,在即時報表裡的「事件」那邊就會看到如下:

即時報表的事件
即時報表的事件

可以看到事件中,確實有紀錄到 event_category、event_label 二項。


查看完整的事件報表

好了,當我們照著上面的步驟建好自訂定義,到了隔天進到 GA4 的事件報表,要看有沒有事件的紀錄時,可能會遇到一個狀況,就是我們寫的事件怎麼沒有出現在報表上?

對,August 今天震驚過一次了,事件報表上沒有出現自己埋的事件。

震驚完後,看了一下報表說明,看到了這段:

已套用門檻說明
已套用門檻說明

看到這段已套用門檻,點進 暸解詳情 的頁面看了一下後,August 對這個狀況的簡單翻譯就是:

不好意思,你的資料太太太~~~~~低囉,本功能不想為了這些個少量資料耗掉資源作分析,請你保重。

好吧,但山不轉路轉,總不能哪天行銷或企劃人員想要看 GA4 的資料來作成效或一些數據分析時,我們原本埋的 GA3 資料都看不到,或是漏東漏西的吧?就在一陣摸索後,發現 GA4 有一個功能是可以看到完整事件資料的,這個功能就是「探索」。

點開 GA4 左側的選單,就會看到一個「探索」,就是這麼直接:

GA4 探索
GA4 探索

點進探索後,會看到 GA 上提供了一些範本:

GA 探索 範本
GA 探索 範本

我們點選第一個「任意形式」,接下來會看到左側出現了很多東西可以用:

探索 任意形式
探索 任意形式

不用被這些一堆有的沒的項目給嚇到了,簡單來說,我們就把它當成是 GA3 的自訂報表功能就好,差別只在於,照老高的說法就是「PUA 一下把所有選項都給列出來」。

而且很方便的是,左側這些項目改動一下,右側就會看到報表跟著改變,也不用擔心如果突然地震,電腦爆炸來不及存檔之類的問題,探索裡的報表設定都是自動存檔的,每改更一次設定,就算老闆突然來了臨時要關掉 GA4 的畫面,下次進來也是一樣是最後設定過的樣子。

任意形式的介面操作很簡單,上圖的左邊是「變數」,右邊是「標籤設定」,我們就是把左邊要的變數,拉進右邊的標籤裡就行了。

如果左邊的變數沒有找到要的選項,只需要點擊「+」,就可以增加想要的項目,而我們在上面一大段中建立的自訂維度也可以找到:

自訂維度
自訂維度

經過 August 人體實驗證明,從探索這邊製作出來的報表,即便資料量只有 1 也會顯示出來,大家可以安心使用。


筆記後心得

目前 GA4 的教學網路上還很少,本篇是 August 自行摸索出的使用方法,如果有錯誤的地方請留言指教。

如果這篇對你有幫助,也請多多按個讚、分享,或點擊一下廣告幫本站掙一點小小小小的廣告收入囉。

Summary
GA4 事件:GA3 事件轉移,及如何查看完整事件報表
Article Name
GA4 事件:GA3 事件轉移,及如何查看完整事件報表
Description
本篇大綱:本篇要解決的問題。GA3 vs. GA4 事件、GA3 的參數,不在 GA4 的預設參數裡。讓 GA3 的事件出現在 GA4 報表。查看完整的事件報表。筆記後心得。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Analytics Google

GA 自訂維度的應用 分類之下的文章成效

Firebase Google

Firebase Dynamic Links Analytics API 取得短網址分析資料

Vue

Vue.js 用 computed 跟 filter 做一個簡易搜尋功能

Google Others

用 reCAPTCHA v2 來做非機器人驗證

API

GitHub API:取 Issue、Comments

Vue

用 VuePress 製作說明文件頁面 – 4:佈景主題、外掛

Google Maps

Google Maps API 學習筆記 – 4:Place API 自動完成地址、地點評論摘要

Front-End

用純 CSS 寫的網頁預覽效果

API

如何用 Postman Mock Server 快速建立 API Server

Front-End

如何使用 Vivus.js 製作輕量快速 SVG 動畫

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 August 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 August 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。