我应该如何使用 Contact Form 7 (wp) 正确捕获提交的表单值？

Question

我最近完成了一个 GTM 设置来跟踪带有联系表 7 的 WordPress 联系表的复选框。我显然已经从 Simo 那里读到 this article 但老实说我不太明白这就是我最终完成的工作：

自定义 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/

我应该如何使用 Contact Form 7 (wp) 正确捕获提交的表单值？

How should I properly capture submitted form values with Contact Form 7 (wp)?

javascript

forms

google-analytics

google-tag-manager