WordPress网站URL参数无法跨页面传递的解决方法咨询

一、前端JavaScript实现（无后端开发时首选） #

直接通过前端脚本监听内部链接点击，自动把当前页面的UTM参数附加到目标链接上，代码如下：

document.addEventListener('click', function(e) {
  // 找到被点击的链接元素
  const link = e.target.closest('a');
  // 跳过外部链接、新窗口打开的链接
  if (!link || link.target === '_blank' || link.host !== window.location.host) return;

  // 提取当前页面的标准UTM参数
  const urlParams = new URLSearchParams(window.location.search);
  const utmParams = {};
  ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'].forEach(param => {
    if (urlParams.has(param)) {
      utmParams[param] = urlParams.get(param);
    }
  });

  // 有UTM参数时，附加到目标链接
  if (Object.keys(utmParams).length > 0) {
    const targetUrl = new URL(link.href);
    Object.entries(utmParams).forEach(([key, value]) => {
      targetUrl.searchParams.set(key, value);
    });
    link.href = targetUrl.toString();
  }
});

将这段代码放到网站全局JS文件，或者通过Google Analytics自定义HTML标签加载即可。它只会处理同域名的内部链接，不会干扰外部跳转或新窗口打开的链接。

二、后端服务器端处理（更稳定，适合有开发能力的场景） #

如果网站是后端渲染的，直接在后端统一处理所有内部链接的生成，自动携带UTM参数。以PHP为例：

// 收集当前请求的UTM参数
$utmParams = [];
$allowedUtms = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
foreach ($allowedUtms as $param) {
    if (isset($_GET[$param])) {
        $utmParams[$param] = $_GET[$param];
    }
}

// 生成内部链接时自动附加参数
function buildInternalLink($path) {
    global $utmParams;
    $url = $path;
    if (!empty($utmParams)) {
        $url .= (strpos($path, '?') === false ? '?' : '&') . http_build_query($utmParams);
    }
    return $url;
}

后端处理的优势是不受前端JS禁用影响，追踪准确性更高，适合对数据精度要求高的场景。

三、Google Tag Manager（GTM）实现（无需代码开发） #

如果用GTM管理网站代码，可通过以下步骤实现：

• 创建自定义HTML标签，将上面的前端JS代码粘贴进去；
• 触发条件设置为「所有页面」，或者更精准的「文章页面」；
• 也可结合GTM内置变量，灵活控制仅传递特定参数或针对特定链接生效。

注意事项 #

• 只传递必要的UTM参数，避免URL过长；
• 测试时用浏览器开发者工具检查点击后的链接是否携带参数，同时在GA实时报告验证会话连续性；
• 可结合GA的用户ID追踪，即使参数偶尔丢失也能关联用户会话。

内容的提问来源于stack exchange，提问作者fawzi-k