在Ajax表单中设置Google Analytics事件

时间:2013-04-18 20:12:44

标签: javascript jquery ajax google-analytics

我正在尝试在WP插件的灯箱联系表单上设置Google Analytics事件。

我在内部添加了onSubmit调用,虽然渲染效果没有问题,但事件未记录到Analytics

<form action="#" method="post" class="modal-contact_form" onSubmit="_gaq.push(['_trackEvent', 'Contact V1', \'<?php echo $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>', '1']);">

事件似乎没有登录,因为在点击发送到联系表单后出现了一个新的谢谢你灯箱窗口

这是谢谢灯箱窗口的原始代码

            $.post( modal_contact_params.ajax_url, data, function( response ) {
                if ( response == "SUCCESS" ) {

                    $('#facebox .content form.modal-contact_form').slideUp();
                    $('#facebox .notice').remove();
                    var agent_name = jQuery("#ninety_mcf_user_name").html();
                    if(agent_name=='This Agent'){
                        $('#facebox .modal-contact_messages').html('<div class="notice success"><div><p><strong>' + modal_contact_params.i18n_sent + '</strong> ' + modal_contact_params.i18n_thanks + '</p></div></div>'
    );
}
    else
{
                        $('#facebox .modal-contact_messages').html('<div class="notice success"><div><p><strong>' + modal_contact_params.i18n_sent + '</strong>Thanks, your email has been sent to '+agent_name+'</p></div></div>'
);
                    }

                }

我正在尝试在成功灯箱的末尾插入_gaq.push事件调用,但我无法成功

我尝试了各种组合,但没有渲染,因为它们都会在Chrome中的GA调试控制台上产生错误

我的许多尝试之一

</div>' + { _gaq.push(['_trackEvent', 'Contact V1', 'Send', '1']); } +''
);

谢谢,我希望SO大师能够帮助我。

1 个答案:

答案 0 :(得分:0)

我认为您不想将函数调用追加到字符串中,而是执行它...

...</div>');
_gaq.push(['_trackEvent', 'Contact V1', 'Send', '1']);
...