如何从Google Analytics Linker获取_ga变量并追加到jQuery跳转链接

我来帮你解决这个问题——要把Google Analytics Linker生成的_ga参数追加到你的jQuery跳转链接里，关键是正确获取这个参数，然后拼接到目标URL中。下面分两种常见的Google Analytics代码版本来给出解决方案：

一、使用旧版analytics.js（UA跟踪ID）的情况 #

首先要确保你已经在GA代码中加载了Linker插件，然后通过ga('linker:getParam')方法获取生成的_ga参数：

<a id="test"></a>
<script>
// 先加载Linker插件（确保这段代码在你的GA基础代码之后）
ga('require', 'linker');

$("#test").click(function() {
  // 获取Linker生成的_ga参数
  var linkerParam = ga('linker:getParam');
  var targetLink = "test.org/test.php?variable_1=something&variable_2=something";
  
  // 判断链接是否已有参数，决定用?还是&拼接
  var separator = targetLink.includes('?') ? '&' : '?';
  // 如果获取到参数，就追加到链接末尾
  if (linkerParam) {
    targetLink += separator + linkerParam;
  }
  
  // 打开处理后的链接
  window.open(targetLink);
});
</script>

二、使用新版gtag.js（GA4跟踪ID）的情况 #

gtag.js的参数获取是异步的，需要通过回调函数来处理：

<a id="test"></a>
<script>
$("#test").click(function() {
  // 替换成你的GA4测量ID（比如G-XXXXXXXXXX）
  gtag('get', 'G-XXXXXXXXXX', 'linker_param', function(linkerParam) {
    var targetLink = "test.org/test.php?variable_1=something&variable_2=something";
    
    if (linkerParam) {
      var separator = targetLink.includes('?') ? '&' : '?';
      targetLink += separator + linkerParam;
    }
    
    window.open(targetLink);
  });
});
</script>

重要注意事项 #

• 确保你的Google Analytics代码已经正确初始化，并且启用了Linker功能：
  • 对于analytics.js，需要在GA后台配置跨域跟踪，或者手动添加ga('linker:autoLink', ['目标域名']);来自动处理链接
  • 对于gtag.js，要在gtag('config')中配置linker参数，比如：gtag('config', 'G-XXXXXXXXXX', { 'linker': { 'domains': ['your-domain.com'] } })
• 如果是gtag.js，一定要用回调函数处理跳转，因为gtag('get')是异步操作，直接同步获取可能拿不到参数

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