javascript jQuery表单退出Google通用分析跟踪

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript jQuery表单退出Google通用分析跟踪相关的知识,希望对你有一定的参考价值。

var ft_startDate = 0,
    ft_startTime = 0,
    ft_pageTitle = document.title,
    ft_duration = false;

$(':input').focus(function() {
    /* Make a record of when the user focused on the input */
    ft_startDate = new Date();
    ft_startTime = ft_startDate.getTime();
});

$(':input').blur(function() {
    /* Use the start time and current time to calculate duration spent on the input */
    var ft_endDate = new Date(),
        ft_endTime = ft_endDate.getTime();

    /* Occasionally ft_startTime doesn't seem to get set */
    if(ft_startTime && ft_startTime > 0) {
        ft_duration = Math.round((ft_endTime - ft_startTime)/1000);
    } else {
        ft_duration = false;
    }

    /* Only record the event if the input has been filled out and not left blank */
    if($(this).val().length > 0) {
        /**
         * Here we follow the first two GA args with 4 custom variables.
         * 
         * @string {Page Title}
         * @string {Event Category}
         * @string {Input Name}
         * @string {Duration}
         */
        ga('send', 'event', 'Form: ' + ft_pageTitle, 'Field Filled', $(this).attr('name'), ft_duration);
    } 
});


/* Repeat with check boxes and radios */
$( "input[type=checkbox], [type=radio]" ).click(function() {
    if ($(this).attr("checked") == "checked") {
        ga('send', 'event', 'Form: ' + ft_pageTitle, 'Checked Checkbox', $(this).attr('name') + ': ' + $(this).attr('value'));
    } else {
        ga('send', 'event', 'Form: ' + ft_pageTitle, 'Unchecked Checkbox', $(this).attr('name') + ': ' + $(this).attr('value'));
    }
});

以上是关于javascript jQuery表单退出Google通用分析跟踪的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 验证 - 要求回答所有问题或选择退出调查

防止 PHP/JavaScript/JQuery (PayPal) 中的表单操作

使用 javascript 没有 jQuery 的简单 ajax 表单

使用 jQuery 将表单数据转换为 JavaScript 对象

使用 Javascript /jQuery 的 Bootstrap 4 表单验证

使用 javascript/jquery 检测 Asp.Net 表单是不是有效