如何将dataLayerB的推送同步至dataLayerA以适配GTM？

这事儿好办！核心思路就是重写dataLayerB的push方法，让它在完成自己原本的推送逻辑后，自动把相同的数据同步到dataLayerA里。这样既不会影响原来依赖dataLayerB的代码，又能让GTM顺利拿到数据。

具体实现代码 #

直接把这段代码放在页面的<head>里（或者至少在第一个dataLayerB.push()调用之前执行）：

// 确保dataLayerA存在，防止未初始化报错
window.dataLayerA = window.dataLayerA || [];

// 先保存dataLayerB原本的push方法，别弄丢了原有功能
const originalDataLayerBPush = window.dataLayerB.push;

// 重写dataLayerB的push方法
window.dataLayerB.push = function(payload) {
  // 先执行原本的push操作，保证原有逻辑正常运行
  const returnValue = originalDataLayerBPush.call(this, payload);
  
  // 同步推送相同的数据到dataLayerA
  window.dataLayerA.push(payload);
  
  // 返回原方法的结果，保持行为一致性
  return returnValue;
};

关键注意事项 #

• 执行时机很重要：这段代码必须在所有调用dataLayerB.push()的代码之前加载，不然前面的推送就没法同步了。如果dataLayerB是第三方脚本动态创建的，你可以用定时检查或者MutationObserver来监听它的出现，再执行重写逻辑。
• 兼容特殊数据：不管你推送的是普通对象、带函数的对象还是其他类型的数据，这个方法都能直接同步，因为我们完整传递了整个payload。
• 不破坏原有功能：因为我们先保存了原本的push方法并执行，所以原来依赖dataLayerB的代码完全不受影响。

举个例子，当你执行：

dataLayerB.push({'event':'foo', 'abc':'def'})

现在dataLayerA里也会收到一模一样的事件，GTM就能正常捕获并处理了。

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