由于Google Analytics 4 里没有页面加载时间的报告,如果要看页面加载时间,需要自行做事件跟踪,如果用单独的事件去跟踪,会增加很多的请求。
这一篇介绍另一种方式:直接在默认PageView里增加一个页面加载时间的事件参数,页面加载时间是用自定义JS通过浏览器API获取页面加载时间。
这种方式有两个注意点:
通过浏览器API获取页面加载时间:
源码:
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; }}
在默认页面跟踪的代码新增事件参数page_load_time
将触发器改为基于窗口已加载:
然后再GTM里预览调试,page_load_time是4.43秒:
在GA4中点击「管理」——「自定义设置」——「自定义指标」——「创建自定义指标」,然后做如下配置:
这样就可以。
收集一些数据后,就可以在探索里用自由表格去验证:
这里显示的Page Load Time 是多个页面加总的,如果要看平均的,可以用自订指标,公式是{Page Load Time}/{事件数},报告如;