一個客戶的需求想知道單頁面用戶哪一塊兒停留的時間長,有沒有反復的看,于是做了個簡單demo。
比較精簡前端只寫了個簡單的框架,原理是css偽元素去訪問后端接口。
css前端部分:
通過建立偽元素,當頁面訪問,鼠標移入時就會訪問到接口,接口在記錄下動作就可以。
后端用了php寫日志的形式,沒有入庫,正常可以入庫并計算時間在后臺統(tǒng)計出來。
php部分:
當訪問不同的區(qū)塊就會記錄行為。
黑色頭部,灰色中部,紅色底部
一個思路,可參考衍生。
<?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);
}
?>