使用gtag.js上报GA4事件时跳转Instagram应用导致数据未传输问题

• 核心代码逻辑错误：你当前给event_callback配置的是redir()，带括号的写法会立即执行redir函数，而非将函数引用传给gtag等待事件上报完成后触发。之前网页版跳转能成功纯属巧合：浏览器加载网页的耗时足够让上报请求完成发送，而Schema协议跳转App的动作会立即冻结当前页面，未完成的上报请求直接被中断，因此GA后台收不到数据。
• 额外兼容问题：部分移动端浏览器触发Schema跳转时，会强制终止所有当前页面的网络请求，哪怕使用beacon传输也可能因为页面被切到后台而终止传输。

首先修正event_callback的传参逻辑，将函数引用而非执行结果传给gtag，确保上报完成后才触发跳转。如果仍有上报丢失的情况，可以增加短延时兜底，保证上报请求有足够时间发送完成，同时加锁避免重复跳转、加兜底超时避免gtag异常导致用户卡页。

修复后代码示例：

<script type = 'text/javascript'>
gtag('config', '<COUNTER ID>', { 'transport_type': 'beacon'});
// event_callback传redir不加括号，传入函数引用等待上报完成后调用
gtag('event', 'event_name', { 'event_callback' : redir });
// 兜底超时，300ms后无论上报是否完成都触发跳转，避免用户等待
setTimeout(redir, 300);

function redir() {
    // 跳转锁，防止重复触发跳转逻辑
    if(window.hasRedirected) return
    window.hasRedirected = true
    document.location = "instagram://user?username=<INSTAGRAM USERNAME>";
}
</script>

内容的提问来源于stack exchange，提问作者geo-tarasov