Анализ значений переключателей от формы до GA на кнопке SUBMIT

Question

У меня есть форма, в которой я могу захватить выбор пользователя из переключателей, которые у меня есть в форме, а также возможность захватить то, что они сделали в выпадающем элементе.Но дело в том, что я смог захватить их только как события, используя .blur ()

. Мне нужно иметь возможность отправлять эти данные в GA, когда пользователь нажимает кнопку «Отправить» (что переводит их на другой шаг вформы).

В настоящее время у меня есть это:

<script>
(function($) {
$(document).ready(function() { 
    $(':input[name=HasPreviousHealthFund]').blur(function () {
        if($(this).val().length > 0) {
            _gaq.push(['_trackEvent', 'Existing Health Insurance', 'completed', $(this).attr('value')]);
        } 
        else {
            _gaq.push(['_trackEvent', 'Existing Health Insurance', 'skipped', $(this).attr('value')]);
        }
    });
});
})(jQuery);
</script>

Это показывает события для каждого щелчка по переключателю, но я не уверен, как вызвать эти события только при представлениикнопка.

Я ценю любую помощь.

Answer 1

Поместите ваш обработчик событий в событие submit формы, а не на кнопки.Затем он может проверить, какая кнопка отмечена, и выполнить соответствующее действие GA.

$("form").submit(function() {
    var buttonValue = $(":input[name=HasPreviousHealthFund]:checked").val();
    var status = buttonValue.length > 0 ? 'completed' : 'skipped';
    _gaq.push(['_trackEvent', 'Existing Health Insurance', status, buttonValue]);
});