跨子域跳转时如何捕获完整page_referrer适配UA/GA4追踪

该问题本质是浏览器默认Referrer Policy限制，跨子域请求时默认仅返回源站（域名+协议），不会携带路径和查询参数，和GA/GTM的用户识别配置无关。以下是三类可行解决方案：

方案1：调整Referrer Policy（全局生效，改动最小） #

当前浏览器默认的Referrer-Policy多为strict-origin-when-cross-origin，跨域（含同根域下的不同子域）请求时仅返回源站信息。将策略调整为no-referrer-when-downgrade即可在同协议跨子域跳转时传递完整referrer路径。
配置方式二选一：

• 页面头部添加meta标签：

<meta name="referrer" content="no-referrer-when-downgrade">

• 服务端配置HTTP响应头：

Referrer-Policy: no-referrer-when-downgrade

方案2：URL参数透传来源路径（兼容性最高，不受浏览器策略影响） #

如果不想修改全局Referrer Policy，可在所有跳转到支付子域的链路中，将当前页面完整URL作为查询参数附加到支付页URL后，示例跳转地址：
https://payments.example.com/checkout?custom_referrer=https%3A%2F%2Fexample.com%2Fproduct
之后在GTM中配置自定义变量读取该参数，覆盖GA上报的默认page_referrer字段即可：

1. 新建GTM URL变量，读取查询参数custom_referrer的值
2. 在GA4配置标签/UA页面浏览标签的字段设置中，将page_referrer（GA4对应字段名dr）的取值替换为上述自定义变量，兜底值为默认的document.referrer

方案3：GTM自定义变量补全referrer（无侵入式修改） #

如果无法修改跳转链路的URL参数，可通过根域Cookie存储主站浏览路径，在支付子域自动读取补全：

1. 在主站的GTM中配置自定义HTML标签，触发规则为所有页面浏览，将当前页面URL写入根域Cookie：

<script>
document.cookie = "previous_page="+encodeURIComponent(window.location.href)+"; domain=.example.com; path=/; max-age=300";
</script>

2. 在支付子域的GTM中新建自定义JS变量，用于补全referrer：

function() {
  const defaultRef = document.referrer;
  // 仅当跨子域跳转referrer缺失路径时补全
  if (window.location.hostname === 'payments.example.com' && defaultRef === 'https://example.com/') {
    const prevPage = document.cookie.match(/(^| )previous_page=([^;]+)/);
    return prevPage ? decodeURIComponent(prevPage[2]) : defaultRef;
  }
  return defaultRef;
}

3. 将GA上报的page_referrer字段替换为该自定义变量即可

验证方法 #

修改配置后可通过以下方式确认生效：

• 打开Chrome开发者工具，切换到「网络」面板，过滤collect关键词，查看GA上报请求的dr参数是否为完整的来源页路径
• 用GTM预览模式，查看支付页的page_referrer变量取值是否符合预期

内容的提问来源于stack exchange，提问作者bengen343