精华内容
下载资源
问答
  • 使用localStorage统计页面停留时间

    千次阅读 2018-03-30 16:05:04
    function statisticsStay(){ console.log(localStorage.getItem('testSecond')); var second = 0;... //开启定时器记录页面停留时间 var timer = setInterval(function(){ second++; },1000); //页...
    function statisticsStay(){
        console.log(localStorage.getItem('testSecond'));
        var second = 0;
    
        //开启定时器记录页面停留时间
        var timer = setInterval(function(){
            second++;
        },1000);
    
        //页面刷新、关闭时触发onbeforeunload事件把停留时间记录到localStorage
        window.onbeforeunload = function(){ 
            localStorage.setItem('testSecond',second);
        };
    }
    
    statisticsStay();
    展开全文
  • 一、页面停留时间与网站停留时间是如何计算出来的? 假设用户访问了网站的主页(Home)。分析工具将这个访问者标记为一个Visit,接着这个访问者又浏览了另外两个页面(Page2和Page3),然后他离开了你的网站。如下...

    一、页面停留时间与网站停留时间是如何计算出来的?

    假设用户访问了网站的主页(Home)。分析工具将这个访问者标记为一个Visit,接着这个访问者又浏览了另外两个页面(Page2和Page3),然后他离开了你的网站。如下图所示:

    我们想要知道的是:

    • Tp = 花费在一个页面上的时间
    • Ts = 花费在这网站上的总时间

    假如这个用户从10:00开始访问网站:

    对于Page2而言,访问时间是10:05-10:01,即4分钟。

    接着访问者来到了Page3页面,他发现改页面无法满足他的需求或是他要找的内容已在Page3页面找到。那么接下来就是离开。

    那么,这个访问者到底在Page3停留了多长时间呢?由于不知道用户在Page3具体的离开时间,我们也就无法计算访问者到底在Page3上停留了多长时间。因此,网站分析程序不知道访问者花在网站最后一个页面上的时间是多少。

    下图表示各个页面网站分析工具统计的访问时间:

    • Tp (Home) = 1 分钟
    • Tp (Page2) = 4 分钟
    • Tp (Page3) = N/A
    • Ts = 5 分钟。

    从上面的数据中很容易的看出这样的数据并不合理,因为你不知道访问者花在最后一个页面上的时间是多少,因此网站分析工具给你的时间统计一般都会少于用户实际在网站上停留的时间。

    网站停留时间的准确性与跳出率和退出率有关。跳出率和退出率越大,平均停留时间越不准确。

    二、页面停留时间或是网站停留时间有什么用?

    如果把页面停留时间和网站停留时间单纯的拿出来看,那么意义不是很大,主要原因有以下方面:

    1. 这些指标是战术层面的,我们无法认识到这些数据对公司的业绩的影响。单纯的页面停留时间或网站停留时间并不能反映到具体的营收。
    2. 这些指标需要很多的推断,简单的逻辑是这些数据越大越好,这些数据无法直接推断出某夜页面是好是坏。
    3. 这些指标主要是短期数据,随着互联网的发展,依照会话来度量指标现在远远不能满足需求,长期的访客行为,顾客生命周期等可能更加能反映问题。

    不同的停留时间需要用不同的逻辑去判断。下面就开看看淘宝的例子:

    网站 平均访问页数 平均访问时间 转化率
    淘宝 30 30分钟 10%
    淘宝商城 10 10分钟 2%

    出现上述不同数据的主要原因有:淘宝就像超市,访客没有明确的目标,进了超市但是最终会买点什么,淘宝商城更像商场,去商场的用户多半是带着明确的目标去的,他们直奔目标,快速搜索,快速的购物,快速的离开。

    从用户行为的维度看,淘宝的用户在淘宝和淘宝商城有着不同的购物行为,就像相同的人在商城和超市的举止言行肯定不同,所以淘宝商城的页面风格更加简洁,服务更标准化,商家更优质化。

    同样的,作为旅游预订类网站,来到网站的用户基本上都有很明确的预订需求,我们需要做的是如何让用户在最短的时间内找到适合的产品。

    三、页面停留时间和网站停留时间数据如何应用?

    1、判断页面用户体验

    从页面停留时间的计算方法中我们知道不可能用户在离开前在页面上停留多长时间,即页面停留时间是在有后续行为的情况下计算出来的,对已这部分数据先期可用的,就是把每套页面的停留时间统计出来,判断用户停留高或者低的主要原因,比如:用户在搜索结果页停留时间长了,是不是搜索结果不能满足用户需求,用户在列表页停留时间长了,是不是我们的列表页筛选做的还不够人性化,在产品终页停留长了是不是因为终页内容展示过多或者用户没有找到他想要的内容等。

    2、访客再营销

    记录网站停留时间较长,但是最后没有下单的用户,对这些用户进行再营销,由此产生的问题是,用户只有在登录的情况下我们才能获取到用户ID,记录下用户ID以后还需通过程序分析,需要给该用户推荐什么样的内容。可行性不是很高。

    3、主动弹出客服弹出框或优惠信息

    当用户在特定页面停留过长时,弹出客服框。主动与访客接触。解决访客疑惑。促使访客下单。但是此部分用户体验会不太好,可以学习下新浪微博的那种在页面顶部的提示功能。

    4、当转化目标来用

    在没有下单流程的网站,可以使用页面或者网站停留时间来作为完成一个目标,继而计算目标转化率,比如哪些主要以电话作为目标的网站,如果有N多的人(比例要大)到达终页没有下单,直接打电话预订,就可以使用停留时间来作为目标。

     

     

    转自http://www.qiawei.com/2011/12/25/557/

    转载于:https://www.cnblogs.com/_Chill/p/3830302.html

    展开全文
  • 如果取到了ID之后,我们就可以通过轮询的方式,相隔一定的时间根据ID发起请求,然后后端根据ID更新相应的记录 function heartBeat(){ //定时给服务器发送心跳 setInterval(function(){ $.ajax({ url:"/ws/...

    首先,我们前端可以对后台发起一次ajax请求,来获取本次访问的一个唯一ID:

    @Autowired
        private StayTimeService stayTimeService;
        @GetMapping("/id")
        public Object in(HttpServletRequest request, @RequestParam("url") String url){
            String ip=request.getRemoteHost();
            StayTime stayTime=new StayTime();
            stayTime.setIp(ip);
            stayTime.setUrl(url);
            stayTime.setTime(new Date());
            stayTime.setResidenceTime(0);
            return stayTimeService.recordAndGetId(stayTime);
        }

    我们可以通过如上代码对一次页面请求进行记录,并返回一个唯一的ID。

    然后呢,前台通过一次ajax请求获取ID:

    $.ajax({
       url:"/ws/stayTime/id?url="+url,
        headers:{"Blog":"Restful"},
        success:function(data){
            id=data;
            console.log("取回ID成功,:"+id);
            heartBeat();
        }
        ,
        error:function(data){
           console.log("取回ID失败,原因"+data.status);
        }
    
    });

    如果取到了ID之后,我们就可以通过轮询的方式,相隔一定的时间根据ID发起请求,然后后端根据ID更新相应的记录

    function heartBeat(){
        //定时给服务器发送心跳
        setInterval(function(){
            $.ajax({
                url:"/ws/stayTime/per/"+id,
                headers:{"Blog":"Restful"},
                success:function(data){
                    console.log("心跳成功,:"+data);
                }
                ,
                error:function(data){
                    console.log("心跳失败,原因"+data.status);
                }
    
            });
        },10000);
    }

    我的思路就是这样。

    展开全文
  • //用户退出时间  duration = end.getTime() - start.getTime();  duration = duration/1000;//取的是秒  $.ajax({  type: 'POST',  async: false,//这块至关重要,用$post默认是true  url: url, ...
    //更新访问次数
    $(function () {
        var href = window.location.href;
        var title = document.title;
        var url = "/Training/Customized/GetPlanCommon.ashx";
        var parm = "action=UpdateNum&&url=" + href + "&&tit=" + title;
        getAjax(url, parm, function (rs) {


        });
        var start;
        var end;
        var duration = 0;
        start = new Date();
            $(window).bind('beforeunload', function(e) {
                end = new Date();//用户退出时间
                duration = end.getTime() - start.getTime();
                duration = duration/1000;//取的是秒
                $.ajax({
                    type: 'POST',
                    async: false,//这块至关重要,用$post默认是true
                    url: url,
                    data: { second: duration, action: "Statistics", U: href },
                    function(rs){
                        
                    }
                });
            });
    });
    展开全文
  • js计时当前页面停留时长 一个JavaScript库可用于准确计时用户浏览当前网页的时间,而无需考虑空闲时间(用户停止交互)和最小化标签或切换窗口的时间。 项目地址
  • 前段时间做了一个页面停留时间的功能,用于统计客户在当前页面停留时间统计,以方便统计用户喜欢浏览什么样的商品。 主要用到 php+redis心跳,代码仅为大家提供一下思路,如下。 数据库字段 mark ->标识 ...
  • 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等...
  • js统计页面停留时长

    2021-01-20 09:19:06
    页面停留时间简称为Tp 是网站分析中的一个指标 用于反映用户在某些页面的停留时间的长短 我们可以把页面的生命周期分为三个动作 进入 活跃状态切换 离开 一、如何监听页面的进入和离开 对于常规页面的 ...
  • <html> <head> <meta charset="utf-8" http-equiv="content-type" >...页面停留时间统计方法</title> </head> <BODY onLoad="init(); window.setTimeout('show_secs()',1...
  • 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等...
  • jsp或html页面如何统计用户在页面停留时间,数据库需要几个字段
  • --给获取不到最后连接的停留时间赋值 1800 update T_LOG_DETAIL_WEB_TEMP_TIME t set t.browsetime= 1800 where t.userid is not null and t.browsetime is null ; commit ; --用户未登录,...
  • 点击上方“蓝色字体”,选择“设为星标”做积极向上的前端人!1.背景页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,...
  • window.onbeforeunload = function(){//点击url 刷新页面 关闭页面时调用,修改离开该页面时间 $.ajax({ url:"edit_statistics", type:"post", data:{id:statisticsId}, async:false, ...
  • 1.背景页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页...
  • 想获取 页面停留时间。。。。。等相关信息。请问jyc中是如何做到的,有了解的兄弟烦请告知,一起探讨探讨。 谢谢

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 273
精华内容 109
关键字:

统计页面停留时间