首先，需要使用 Google Tag Manager 代码管理器 (GTM)，并且需要在 GTM 容器中创建 GA4 配置代码
1、创建变量
选择自定义JavaScript
复制以下JS代码
function() {
if (window.performance && window.performance.getEntriesByType) {
var entries = window.performance.getEntriesByType("navigation");
if (entries.length > 0) {
var navTiming = entries[0];
var pageLoadTime = navTiming.loadEventEnd - navTiming.startTime;
return Math.round(((pageLoadTime / 1000) + Number.EPSILON) * 100) / 100;
}
}
}
利用Performance NavigationAPI 来计算loadEventEnd和startTime之间的持续时间（以毫秒为单位），从而为我们提供页面加载时间。
命名为page_load_time，配置格式值，将null和undefined转化为0。
2、创建触发器
创建窗口已加载的触发器
创建自定义事件，将 .* 作为事件名称，配置小于0
我们需要创建另一个页面加载时间小于0的触发器。在这种情况下，您必须选择触发器类型自定义事件。
4、创建变量，loading_time_sec
创建一个重复变量以自动为所有标签包含此参数。转到变量，单击新建，然后选择 Google 代码：事件设置
5、创建代码。针对页面加载时间创建 GA4 事件代码
ps:GA4-ID填写的id即可
预览如下说明成功了，可以发布。
