GA4 gtag purchase事件中动态构建items参数的专业指南

gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: 3, // 交易总价值
  items: [ // 商品列表，必须是对象数组
    {
     item_name: '商品A',
     price: 1
    },
    {
     item_name: '商品B',
     price: 2
    }
  ]
});

// 假设 bookedItems, bookingName, bookingPrice 是已有的数据数组
var gtagItemsString = "";
for (var i = 0; i < bookedItems.length; i++) {
  gtagItemsString += "{item_name: '"+bookingName[i]+"',price: "+Number(bookingPrice[i]).toFixed(2)+"},";
}
// 移除末尾逗号以形成合法的JSON字符串片段
gtagItemsString = gtagItemsString.substring(0, gtagItemsString.length - 1);

// 尝试这样传递：
gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: gtagTotal, // 假设 gtagTotal 已正确定义
  items: [gtagItemsString] // 错误：这里传递的是一个包含字符串的数组
});

// 假设 bookedItems, bookingName, bookingPrice 是已有的数据数组
// 初始化一个空数组，用于存储商品对象
var gtagItems = []; 

// 遍历商品数据，动态创建商品对象
for (var i = 0; i < bookedItems.length; i++) {
  let item = {
    'item_name': bookingName[i], // 商品名称
    'price': Number(bookingPrice[i]) // 商品价格，确保是数值类型
  };
  // 将商品对象添加到数组中
  gtagItems.push(item);
}

// 注意：如果需要固定小数位数，可以在这里或更早进行处理
// 例如：item.price = Number(bookingPrice[i]).toFixed(2);
// 但请注意 toFixed() 返回的是字符串，如果GA4期望数字，则需进一步处理或直接传递数字

// 如果 gtagTotal 也是动态计算的，确保它是一个数字
// 例如：var gtagTotal = calculateTotal(bookingPrice);

// 假设 gtagTotal 变量已正确计算并赋值，例如：
var gtagTotal = 0;
for (var i = 0; i < bookingPrice.length; i++) {
    gtagTotal += Number(bookingPrice[i]);
}

gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: gtagTotal, // 直接传递计算好的总价值
  items: gtagItems // 直接传递构建好的商品对象数组
});

// 模拟后台或前端获取的商品数据
var bookedItems = [{}, {}]; // 假设有两个商品
var bookingName = ['商品A', '商品B'];
var bookingPrice = [10.50, 25.75];

// 1. 动态构建 gtagItems 数组
var gtagItems = [];
var gtagTotal = 0; // 用于累计总价

for (var i = 0; i < bookedItems.length; i++) {
  // 确保价格是数字类型，并累加到总价
  const price = Number(bookingPrice[i]);
  gtagTotal += price;

  let item = {
    'item_name': bookingName[i],
    'price': price // 传递数字类型
  };
  gtagItems.push(item);
}

// 2. 调用 gtag 事件
gtag("event", "purchase", {
  currency: "USD", // 根据实际情况设置货币
  transaction_id: "T-" + new Date().getTime(), // 动态生成唯一的交易ID
  value: gtagTotal, // 传递计算出的总价值
  items: gtagItems // 传递构建好的商品对象数组
});

console.log("gtag event data sent:", {
  currency: "USD",
  transaction_id: "T-" + new Date().getTime(),
  value: gtagTotal,
  items: gtagItems
});