如何在Google Tag Manager（GTM）中将表单提交数据推送至dataLayer

我发现社区里不少关于将表单提交数据推送到Google Tag Manager（GTM）的dataLayer的操作讲解，但缺少实际可复用的代码示例，所以特意分享这段代码给大家。

注意事项 #

• 如果页面存在多个表单，建议缩小querySelector的范围（比如指定具体表单的选择器，例如document.querySelectorAll('#target-form input')），不过即便不做调整，这段代码也能正常运行。
• 欢迎各位专业人士在评论区留言，提出更优的实现方案😊

代码片段 #

<script>
var inputs = document.querySelectorAll('input');
var dictionary = {};
  
inputs.forEach(function(field) { 
  var key = field.getAttribute("name");
  var value = field.value;
  dictionary[key] = value;
});

window.dataLayer = window.dataLayer || []; 
dataLayer.push({
  'event': 'formInfoPush',
  'ObjInfo': dictionary
});
</script>

内容的提问来源于stack exchange，提问作者SOLARI Solar For Homes