jquery - 跟踪与 Google Analytics、Gravity 表单和 jQuery 的表单交互

Question

我们安装了 WordPress，并且尝试在 Google Analytics 中跟踪重力表单中表单字段的点击情况。

为此，我们必须在字段聚焦时推送 Analytics 变量。这是我们正在使用的代码:-

<script type="text/javascript">
jQuery('#input_1_3').focus(function() {
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Name']);
});
jQuery('#input_1_4').focus(function() {
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Company Name']);
});
jQuery('#input_1_5').focus(function() {
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Email']);
});
jQuery('#input_1_11').focus(function() {
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Telephone']);
});
jQuery('#input_1_6').focus(function() {
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Questions/Comments']);
});

输入 ID 与表单中元素的相关 ID 匹配良好，但不会在 Analytics 中进行跟踪。与 WordPress 中的 jQuery 似乎没有任何冲突，并且 Firebug 中也没有导致任何错误。

您对为什么没有任何跟踪有任何想法吗？

Answer 1

首先您可以检查此事件是否真的触发:

jQuery('#input_1_3').focus(function() {
     alert("I'm focused");
    _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Name']);
});

如果没有，使用on()方法绑定(bind)焦点事件:

jQuery('#input_1_3').on('focus', function() {
         alert("I'm focused");
        _gaq.push(['_trackEvent', 'Form Tracking', 'Sidebar Quick Contact Form: Homepage', 'Name']);
    });