GTM自定义JS变量调用ga.getAll()后返回undefined问题求助

核心原因 #

• 直接调用ga.getAll()未做前置校验：浏览器控制台运行代码时GA SDK已完成初始化，自然可正常执行，但GTM自定义JS变量的默认触发时机早于GA加载完成时间，当ga全局对象还未生成时调用相关方法会抛出引用错误，导致整个变量执行异常返回undefined，哪怕后续写了静态返回值也不会执行。
• GTM自定义JS变量要求输入匿名函数，声明带名称的foo函数但未主动调用，也会导致返回值不符合预期。

修复后可直接在GTM使用的代码 #

function() {
  // 前置校验ga对象是否加载完成
  if (typeof window.ga !== 'function') return 'ga_not_initialized';
  try {
    var trackers = ga.getAll();
    if (trackers.length > 0) {
      return  trackers[0].get('trackingId') === 'UA-188398635-1' ? trackers[0].get('clientId') : 'nonon';
    }
    return 'no_tracker_found';
  } catch (e) {
    // 捕获GA调用异常，避免变量直接返回undefined
    return 'get_client_id_error';
  }
}

额外优化建议 #

• 如果站点已使用gtag.js替代analytics.js，ga.getAll方法会失效，需要换成从gtag回调中取值的逻辑。
• 可调整该变量的触发规则，设置为GA初始化完成事件触发后再执行，避免返回未初始化的状态值。

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