javascript - Google Analytics 事件工作不一致

Question

每当用户点击用于在类(class)中注册用户的表单提交按钮时，我都会推送一个 Google Analytics(分析)事件。该事件是使用表单按钮中的数据属性创建的。

奇怪的是，它似乎只有大约一半的时间有效 - 该类(class)收到的注册人数是记录事件的两倍。单击此按钮是唯一的注册方式。

HTML

<form class="program-button register-course-form" action="/enroll-program/?course=personal-finance" method="post">

    <input type="hidden" name="course_id" value="1850">
    <button type="submit" class="btn btn-primary ga-click" data-ga-category="Academy" data-ga-action="Enroll" data-ga-label="Personal Finance">I agree</button>

</form>

Javascript

jQuery(document).ready(function($){

    // For elements with the .ga-click class, get information on the category,
    // action, and label and report it to Google Analytics
    $('.ga-click').click(function(){

        var ga_category = $(this).data('ga-category');
        var ga_action = $(this).data('ga-action');
        var ga_label = $(this).data('ga-label');

        ga('send', 'event', ga_category, ga_action, ga_label)

    });
});

Answer 1

分析调用是异步的，您设置它的方式不能保证在处理表单发布时分析事件已成功发送，这意味着它可能会被中断。

在您知道谷歌分析事件已成功发送之前，您需要阻止表单发布。以下是有关如何实现 hitCallback 的一些信息:

https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced#hitCallback