如何使GTM中数据层变量与自定义JavaScript变量功能一致？排查失效代码

原代码问题分析 #

• 未处理dataLayer未定义或非数组的情况，可能引发报错。
• 判断条件dataLayer[dataLayer.length - 1] == undefined会误匹配null（因为null == undefined为真），逻辑不严谨。
• 返回字符串'undefined'的行为与GTM数据层变量不一致（数据层变量未找到对应键时返回原生undefined）。
• 未校验最后一项是否为对象，若最后一项是字符串、数字等非对象类型，访问eventCategory会报错。

修复后的代码 #

function() {
  // 确保dataLayer存在且为数组
  if (typeof dataLayer === 'undefined' || !Array.isArray(dataLayer)) {
    return undefined;
  }
  
  var lastDataItem = dataLayer[dataLayer.length - 1];
  // 校验最后一项是否为有效对象
  if (!lastDataItem || typeof lastDataItem !== 'object') {
    return undefined;
  }
  
  // 返回对应属性，不存在则返回undefined，与数据层变量行为一致
  return lastDataItem.eventCategory;
}

关键修复点 #

1. 增加dataLayer合法性校验，避免环境异常导致的报错。
2. 严格校验数据项类型，确保属性访问安全。
3. 对齐GTM数据层变量的返回逻辑：未找到目标属性时返回原生undefined，而非字符串。
4. 采用标准属性访问方式，与GTM数据层变量的属性解析逻辑一致。

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