Google Analytics 4 中追蹤網頁加載速度

Google Analytics Haran 4周前 (04-22) 561次瀏覽 0條留言

這一篇介紹如何在Google Analytics 4 中追蹤頁加載速度,有兩種方式:

  • 一種是用單獨的事件去追蹤頁加載速度,如網頁加載後,單獨發送一個事件去追蹤頁加載速度,這種方式會增加請求的發送量
  • 一種是將網頁加載速度合併到網頁瀏覽裡面,如用自訂JavaScript通過瀏覽器API獲取網頁加載速度,將其設定為事件參數,隨著PV一起發送,這種方式不會增加請求的發送量

這一篇介紹是第二種方式,使用這種方法,有兩個需要注意的地方:

接下來看具體設定過程:

變數:自訂JavaScript

在GTM裡新建一個自訂JavaScript的變數類型,這個變數的作用是通過瀏覽器API獲取網頁加載速度:

Google Analytics 4 中追蹤網頁加載速度

 

Source Code:

function(){
  var timing = performance.getEntriesByType('navigation')[0] || performance.timing;

var load_time = ((timing.loadEventStart-timing.fetchStart)/1000).toFixed(2);

if(load_time>0){
	return load_time;
 }
}

 

代碼:默認網頁瀏覽追蹤

找到GA4默認網頁瀏覽的代碼,在共用事件設定裡新增:

Google Analytics 4 中追蹤網頁加載速度

 

然後將這個代碼的觸發條件改為窗口已載入

Google Analytics 4 中追蹤網頁加載速度

 

預覽

設定好後就在GTM裡預覽調試:

Google Analytics 4 中追蹤網頁加載速度

可以看到,事件參數page_load_time追蹤到網頁加載速度。

 

註冊事件參數

GA4中點擊「管理」——「自訂定義」——「自訂指標」——「建立自訂指標」,然後做如下設定:

Google Analytics 4 中追蹤網頁加載速度

 

這樣就可以。

探索:資料驗證

收集些資料後,可以在探索裡用任意形式去驗證資料:

Google Analytics 4 中追蹤網頁加載速度

這裡的Page Load Time是多個網頁加總,如果要看平均的,可以用計算指標,公式是{Page Load Time}/{事件數},報表如:

Google Analytics 4 中追蹤網頁加載速度

你可以知道每個網頁的平均加載時間了。


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (1)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址