如何将GTM中add_to_cart事件的Data Layer数据传递至begin_checkout事件？

以下是几种可行的实现方案，直接针对你的场景解决数据传递问题：

1. 在Data Layer中持久化全局数据 #

触发add_to_cart事件时，除了标准的事件数据，额外添加一个全局持久化字段，把需要保留的产品信息（SKU、价格、数量等）存进去：

window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'add_to_cart',
  ecommerce: {
    items: [{
      item_id: 'PROD-123',
      item_name: '示例商品',
      price: 29.99,
      quantity: 1
    }]
  },
  // 新增全局持久化字段
  persistedCartData: {
    item_id: 'PROD-123',
    price: 29.99,
    quantity: 1
  }
});

后续触发begin_checkout时，直接从Data Layer中读取这个全局字段：

// 查找已持久化的数据
const cachedData = dataLayer.find(item => item.persistedCartData)?.persistedCartData;
dataLayer.push({
  event: 'begin_checkout',
  ecommerce: {
    items: cachedData ? [cachedData] : []
  }
});

2. 监听Data Layer事件并缓存到全局变量 #

通过重写dataLayer.push方法，监听add_to_cart事件并将需要的数据缓存到页面全局变量中：

// 保存原始push方法
const originalPush = window.dataLayer.push;
window.dataLayer.push = function(payload) {
  // 捕获add_to_cart事件并缓存数据
  if (payload.event === 'add_to_cart' && payload.ecommerce?.items) {
    window.cartCache = payload.ecommerce.items;
  }
  return originalPush.apply(this, arguments);
};

触发begin_checkout时直接调用缓存的数据：

dataLayer.push({
  event: 'begin_checkout',
  ecommerce: {
    items: window.cartCache || []
  }
});

3. 利用本地存储跨页面/刷新保留数据 #

如果是多页面应用，页面刷新会清空全局变量，这种情况可以用sessionStorage或localStorage缓存数据：

// add_to_cart时存入sessionStorage
window.dataLayer.push = function(payload) {
  if (payload.event === 'add_to_cart' && payload.ecommerce?.items) {
    sessionStorage.setItem('cartItems', JSON.stringify(payload.ecommerce.items));
  }
  return originalPush.apply(this, arguments);
};

// begin_checkout时取出数据
const cachedItems = JSON.parse(sessionStorage.getItem('cartItems')) || [];
dataLayer.push({
  event: 'begin_checkout',
  ecommerce: { items: cachedItems }
});

4. 基于GTM的变量复用方案 #

如果使用Google Tag Manager：

• 创建数据层变量，捕获add_to_cart事件中的关键字段（如ecommerce.items）；
• 在begin_checkout对应的标签配置中，直接引用这些已创建的数据层变量，无需额外代码即可实现数据传递；
• 若是单页应用，可结合GTM的历史记录变量跟踪页面状态变化，确保数据在路由跳转后仍可读取。

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