江苏龙网

  1. 主页 > 生活百科 > >

css实现追踪用户访问单页的停留数据

css

一个客户的需求想知道单页面用户哪一块儿停留的时间长，有没有反复的看，于是做了个简单demo 。
比较精简前端只写了个简单的框架，原理是css伪元素去访问后端接口 。
css前端部分：

css实现追踪用户访问单页的停留数据

文章插图
 
通过建立伪元素，当页面访问，鼠标移入时就会访问到接口，接口在记录下动作就可以 。
后端用了php写日志的形式，没有入库，正常可以入库并计算时间在后台统计出来 。
php部分：
css实现追踪用户访问单页的停留数据

文章插图
 
当访问不同的区块就会记录行为 。
css实现追踪用户访问单页的停留数据

文章插图
 
黑色头部，灰色中部，红色底部
一个思路，可参考衍生 。
 <?php
if($_GET['id']==1){
reslog(date("Y/m/d h:i:s")." 点击了头部");
}
if($_GET['id']==2){
reslog(date("Y/m/d h:i:s")." 点击了中部");
}
if($_GET['id']==3){
reslog(date("Y/m/d h:i:s")." 点击了底部");
}
function reslog($data){
$log_file = 'res.log';
$content =var_export($data,TRUE);
$content .= "rnn";
file_put_contents($log_file,$content, FILE_AppEND);
}
?>

【css实现追踪用户访问单页的停留数据】


    推荐阅读


    上一篇：成茶拼配

    下一篇：如何利用shell脚本中的eval命令来构造&quot;智能&quot;命令