如何确保向dataLayer推送多个对象？现有代码仅推送最后一个

问题排查与修复步骤 #

1. 修复循环变量作用域问题
   原代码用var声明循环变量，var是函数级作用域，可能导致循环结束后变量保留最后一次迭代的值（即使是同步循环，某些场景下也会引发意外）。换成块级作用域的let，确保每次迭代都创建独立变量：

function pollForDatalayer() {
  if (typeof(dataLayer.push) === 'function') {
    // 改用let声明循环变量，保证每次迭代的campaign都是独立实例
    for (let i = 0; i < campaigns.length; i++) {
      let campaign = campaigns[i];
      console.log(`推送第${i+1}个对象:`, campaign); // 加日志验证每个迭代的内容
      dataLayer.push({
        'event': 'xxx',
        'event_category': 'xxx',
        'campaignName': campaign.key,
        'experienceName': campaign.split,
        'campaignID': campaign.variant_id
      });
    }
    console.log("Data Layer已找到，所有对象推送完成");
    console.log("当前dataLayer内容:", dataLayer); // 查看最终数组状态
  } else {
     console.log("正在轮询等待Data Layer加载");
    setTimeout(pollForDatalayer, 5000);  
  }
}
pollForDatalayer();

2. 验证campaigns数组的完整性
   在循环前添加日志，确认campaigns数组的长度和元素是否符合预期：

console.log("待推送的campaigns数组:", campaigns);

如果数组在循环过程中被其他脚本修改，会导致推送异常。可以先对数组做深拷贝，避免原数组被篡改影响循环：

const campaignsCopy = JSON.parse(JSON.stringify(campaigns));
for (let i = 0; i < campaignsCopy.length; i++) {
  // 后续逻辑使用campaignsCopy
}

3. 检查dataLayer.push是否被篡改
   部分第三方脚本可能重写dataLayer.push方法，导致每次调用都覆盖而非追加对象。可以在控制台手动测试：

dataLayer.push({test: 'obj1'});
dataLayer.push({test: 'obj2'});
console.log(dataLayer); // 查看是否包含两个对象

如果手动测试也只保留最后一个对象，说明push方法被篡改，可恢复原生行为：

// 恢复原生push逻辑，直接向数组添加元素
dataLayer.push = dataLayer.push || function(item) { this[this.length] = item; };

4. 避免重复触发轮询函数
   如果pollForDatalayer被多次调用，可能引发重复推送或覆盖问题。可以添加标记确保函数仅执行一次：

let isDatalayerProcessed = false;
function pollForDatalayer() {
  if (isDatalayerProcessed) return;
  if (typeof(dataLayer.push) === 'function') {
    isDatalayerProcessed = true;
    // ... 循环推送逻辑
  } else {
    setTimeout(pollForDatalayer, 5000);  
  }
}
pollForDatalayer();

验证结果 #

修改完成后，打开浏览器控制台查看dataLayer数组，应能看到所有预期的推送对象，每个对象会自动带上gtm.uniqueEventId（如果GTM已正常加载）。

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