一个客户的需求想知道单页面用户哪一块儿停留的时间长,有没有反复的看,于是做了个简单demo。
比较精简前端只写了个简单的框架,原理是css伪元素去访问后端接口。
css前端部分:
通过建立伪元素,当页面访问,鼠标移入时就会访问到接口,接口在记录下动作就可以。
后端用了php写日志的形式,没有入库,正常可以入库并计算时间在后台统计出来。
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 .= "\r\n\n"; | |
file_put_contents($log_file,$content, FILE_APPEND); | |
} | |