javascript - 我应该如何使用联系表单 7 (wp) 正确捕获提交的表单值？

Question

我最近完成了一个 GTM 设置，用于跟踪带有联系表单 7 的 WordPress 联系表单的复选框。我显然已阅读 this article来自 Simo，但说实话我并不太明白，所以这就是我最终所做的:

自定义 Javascript:

function checkbox_selector() {var array = ["group-963","group-964","group-965"];
    if ( document.getElementById(array[0]).style.display == "block" ) { return "Checkbox#1" }
    else if ( document.getElementById(array[1]).style.display == "block" ) { return "Checkbox#2" }
    else if ( document.getElementById(array[2]).style.display == "block" ) { return "Checkbox#3" }
    else { return "unchecked" }
}

我使用此自定义 Javascript 来填充事件标记中的事件操作跟踪参数。标签本身是在简单的表单提交触发器上触发的。

阅读我的自定义 Javascript，您会明白除了使用某些元素的显示样式之外，我没有找到任何其他解决方案。

有什么办法可以让我把这项工作做得更好吗？

Answer 1

创建了一个示例供您使用:

$('input[type=checkbox]').on('click', function() {
	var $this = $(this);
  
  var checkVal = $(this).is(':checked');
  var checkName = $(this).attr('name');
  
  // do your push to GTM here
  alert(checkName + ', ' + checkVal);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="tony" value="tony" />
<input type="checkbox" name="pepper" value="pepper" />

这里的 fiddle : https://jsfiddle.net/mrpharderwijk/56ef50og/1/