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

Question

I've recently done a GTM set up to track checkboxes for a WordPress Contact Form with contact form 7. I've obviously read this article from from Simo but to be honest I didn't really understand it so here is what I've finally done :

A custom 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" }
}

I used this custom Javascript to fill the event action tracking parameters in an event tag. The tag itself was fired on a simple form submission trigger.

Reading my custom Javascript you will understand that I didn't found any other solution than playing with display style of some elements.

Is there any way I could have done this job better ?

Answer 1

Created an example for you to play around with:

 $('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" /> 

The fiddle here: https://jsfiddle.net/mrpharderwijk/56ef50og/1/