用Jquery.cookie判断用户是否第一次访问

挺长时间没更新博客了,最近事很多,公司的,家里的…还拖着HTML5的播放器的歌词功能没完成呢,惭愧啊,哈哈,近期回更新上:)
最近经常用到要判断用户是否第一次访问该网站,如果是的话,就出现一些帮助的 tips,现在的网站做的都越来越复杂了,这样对用户体验很有帮助。
这个功能如果你不想兴师动众,又没有用户登录的信息,对于“散户”,用前端来控制最简单的方式就是利用 cookie 了,但不足的就是清理cookie后,就又会判断为第一次访问了。如果想更精准的操作,那就操作数据库吧,但这又比较适合有用户登录记录的情况,对“散户”想精准,那就太难了。
首先引入 jQuery 和 jQuery.cookie,原理非常简单,给 cookie 设置一个 visits 值,通过这个值来判断用户是否是第一次访问本站。
提示:cookie 是需要服务环境支持的,本地不起作用。

    var options = {
        expires : 1
    };
    if ($.cookie('visits') == null) {
        //第一次访问
        $.cookie('visits', '1', options);
    }else{
        //不是第一次访问
    }

jQuery.cookie插件

jQuery.cookie = function(name, value, options) {
        if (typeof value != 'undefined') { // name and value given, set cookie
            options = options || {};
            if (value === null) {
                value = '';
                options.expires = - 1;
            }
            var expires = '';
            if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires == 'number') {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
            }
            // CAUTION: Needed to parenthesize options.path and options.domain
            // in the following expressions, otherwise they evaluate to undefined
            // in the packed version for some reason...
            var path = options.path ? '; path=' + (options.path) : '';
            var domain = options.domain ? '; domain=' + (options.domain) : '';
            var secure = options.secure ? '; secure': '';
            document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
        } else { // only name given, get cookie
            var cookieValue = null;
            if (document.cookie && document.cookie != '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) == (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    };

发表评论

电子邮件地址不会被公开。 必填项已用*标注