使用 Google 跟踪代码管理器将动态键值对推送到数据层时遇到问题

Question

我正在尝试使用 Google 跟踪代码管理器收集并触发表单字段作为 dataLayer 变量：

<script>
  
  var fields = [];
  var fields = document.querySelectorAll("input");  
  
  var x = fields.forEach(function(field) {
    var obj = {};
    var a = field.getAttribute("name");
    var b = field.value;
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      obj[a] = b
    });
  }); 
  
</script>

我的意图是，当触发时，：

1. 收集字段中的所有表单值
2. 迭代项目数组并获取字段的名称和值
3. 触发名称和值作为键值
4. 对返回以迭代下一项。

但是，我收到错误：

第 12 行第 10 字符出错：解析错误。预计为“}”

无论我做出什么改变，我似乎都无法正确排除故障。

Answer 1

push 函数中不能有 =。您可以稍微更改您的代码。
在推送之前先进行赋值，如 obj[a] = b，然后在每次迭代时将对象推送到 dataLayer 中。

---

下面的工作代码逻辑

var fields = [];
var fields = document.querySelectorAll("input");

var x = fields.forEach(function(field) {
  var obj = {};
  var a = field.getAttribute("name");
  var b = field.value;
  obj[a] = b;
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push(obj);
});

console.log(dataLayer)

<input name='a' value='a' />
<input name='b' value='b' />
<input name='c' value='c' />