javascript - 当我选中一个或多个复选按钮时，如何在联系表单 7 上启用 Google 分析跟踪？

Question

我的联系表单具有以下格式:

<div class="col-md-12">[text* text-813 placeholder "Name:"]</div>
<div class="col-md-12">[email* email-597 placeholder "EMail:"]</div>
<div class="col-md-12">[tel* tel-345 placeholder "Tel:"]</div>
</p>
[checkbox checkbox-770 id:Personal use_label_element "Personal"]
[checkbox checkbox-771 id:Buisness use_label_element "My Buisness"]
</div>
[textarea textarea-552 placeholder "Ask about anything!"]</div>
[submit "Submit"]</div>

我想在选中一个或多个复选框输入时为其各自的字段启用 GA 跟踪。

这是我迄今为止尝试过的代码:

document.addEventListener( 'wpcf7submit', function( event ) {
    jQuery(function($) {
        if ($('input').is(':checked')) {
            dataLayer.push({
            'event': 'Form_Submission' 
            'Interest': 'Business'
            });
        } 

        if ($('input').is(':checked')) {
            dataLayer.push({
            'event': 'Form_Submission' 
            'Interest': 'Personal'
            });
        }
    });

}, false );

但是它不起作用，结果我没有收到任何错误。 谁能帮我解决这个问题吗？提前致谢。

Answer 1

您需要使用由wpcf7submit传递的event.detail.inputs

document.addEventListener( 'wpcf7submit', function( event ) {
    let inputs = event.detail.inputs;
    for ( let i = 0; i < inputs.length; i++ ) {
        if ( 'checkbox-770[]' == inputs[i].name ) {
            dataLayer.push({
                'event': 'Form_Submission',
                'Interest': 'Personal'
            });
        } else if ('checkbox-771[]' === inputs[i].name ){
            dataLayer.push({
                'event': 'Form_Submission',
                'Interest': 'Business'
            });
        }
    }
}, false );