GTM自定义JS通过gtag获取client_id返回undefined问题咨询

问题原因 #

• 变量作用域问题：你代码里的a定义在gtag的回调函数内部，外层函数无法访问该局部变量，return的a本身就是未定义的变量。
• 异步执行顺序问题：gtag('get')是异步API，你添加的Promise.resolve没有正确等待回调执行完成。GTM自定义JS变量要求同步返回结果，代码执行到return a时，gtag的回调还没有触发，自然返回undefined。你在回调里加console.log能打印成功，只是因为回调晚于return执行后输出了值，不影响已经返回的undefined结果。
• GTM自定义JS变量本身不支持异步返回值，所有异步逻辑的结果都无法直接作为自定义JS变量的返回值使用。

解决方法 #

方案1：直接解析_ga Cookie（推荐，同步执行无需调整触发器） #

GA4的client_id默认存储在_ga Cookie中，你可以直接在自定义JS变量中同步解析该Cookie获取值，无需调用异步的gtag API：

function() {
  // 匹配_ga Cookie
  var gaCookieMatch = document.cookie.match(/(^|;)\s*_ga\s*=\s*([^;]+)/);
  if (!gaCookieMatch) return undefined;
  // _ga格式为GA1.2.xxxx.yyyy，取后两段拼接即为client_id
  var gaCookieValue = gaCookieMatch.pop();
  return gaCookieValue.split('.').slice(2).join('.');
}

方案2：通过dataLayer+自定义事件异步获取 #

如果需要严格通过gtag API获取client_id，可以按照如下逻辑配置：

1. 新建一个自定义HTML标签，触发器设置为「页面加载 - DOM ready」（确保gtag已加载完成），标签内填入如下代码：

<script>
gtag('get', 'G-XXXXXXXX', 'client_id', function(clientID) {
  window.dataLayer = window.dataLayer || [];
  // 推送client_id到dataLayer，同时触发自定义事件
  dataLayer.push({
    event: 'client_id_ready',
    ga4_client_id: clientID
  });
});
</script>

2. 新建一个数据层变量，变量名设置为ga4_client_id，即可获取到推送的client_id值。
3. 所有需要用到client_id的标签，都将触发器替换为自定义事件client_id_ready，确保标签触发时client_id已经完成取值。

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