当我有一个或多个选中的复选按钮时，如何在 Contact Form 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 );

当我有一个或多个选中的复选按钮时，如何在 Contact Form 7 上启用 google 分析跟踪？

How can I enable google analytics tracking on Contact Form 7 when I have one or more checked checkbuttons?

javascript

jquery

google-analytics

contact-form-7