GA4搭配GTM不使用dataLayer如何传递事件items数组参数

你考虑的直接在GA4事件标签配置区手写items数组的方式完全可行。GTM本身没有单独的“数组类型变量”创建入口，只要配置的结构符合GA4电商事件的参数规范，标签触发时会自动解析执行，正常把参数传给GA4。

适配当前场景的最简配置步骤 #

• 前置准备：在GTM内置变量面板勾选开启Click Element变量，绑定购买链接的触发器建议选择「仅链接」类型，匹配对应购买链接的CSS选择器即可
• 在GA4事件标签的参数配置区新增参数：
  • 参数名填items
  • 参数值直接填入以下结构，不需要提前单独创建变量存储三个动态值：

[
  {
    "item_id": {{Click Element}}.dataset.id,
    "item_name": {{Click Element}}.dataset.name,
    "price": Number({{Click Element}}.dataset.value),
    // 下方补充所有固定静态参数，示例如下
    "item_brand": "你的固定品牌值",
    "item_category": "你的固定分类值",
    "currency": "CNY",
    "quantity": 1
  }
]

• 配置注意：不要给{{Click Element}}这类GTM变量加引号，否则会被识别成普通字符串，无法取到实际DOM节点的属性值。

注意：从data属性取到的值默认是字符串类型，必须用Number()把价格字段转成数值类型，否则GA4可能无法正确识别价格参数，导致上报数据异常。

更高容错率的替代实现 #

如果你的购买链接内部嵌套了图片、文本标签等子元素，直接用{{Click Element}}可能会取到子节点而非a标签本身，导致拿不到data属性值。这种场景建议单独创建一个「自定义JavaScript」类型变量存储items数组，代码如下：

function() {
  // 向上遍历查找带商品data属性的a标签
  let target = {{Click Element}};
  while(target && (target.tagName !== 'A' || !target.dataset.id)) {
    target = target.parentElement;
  }
  // 没找到目标节点时返回空数组避免上报报错
  if(!target) return [];

  return [
    {
      item_id: target.dataset.id,
      item_name: target.dataset.name,
      price: Number(target.dataset.value),
      // 此处补全所有固定静态参数
      currency: 'CNY',
      quantity: 1
    }
  ]
}

变量创建完成后，直接在GA4事件的items参数位置引用这个变量即可，不需要再手写数组结构，稳定性更高。

验证方式 #

配置完成后开启GTM预览模式，点击对应购买链接，在调试面板中查看GA4事件的上报参数，确认items数组结构、字段值、数据类型都符合要求即可正式发布。

在无法通过dataLayer传递动态信息的场景下，以上两种方案已经完全覆盖需求，不需要额外引入其他复杂配置。

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