JavaScript实现用户行为跟踪收集

最新推荐文章于 2023-01-06 14:55:44 发布
最新推荐文章于 2023-01-06 14:55:44 发布
阅读量1k 收藏 1
点赞数
分类专栏： 大数据

收集用户隐私的行径眼下已不再是什么新鲜的话题（与其说是收集，不如说是偷窥），就连G、MS也屡出风头，当然事出有因，企业通过无法八门的各种手段了解用户的行为，进而作为决策支持的依据；通常表现为跨领域的收集（浏览器、智能系统、OS etc.）、业务、产品数据的收集，当然收集的方式也不一而论。以下展示通过客户端脚本方式收集Web站点用户行为数据的实现方式，以此来判断页面加载过程、执行时间、用户停留时间、页面提交率、成功率、页面错误等（本示例实现较为简单，在特定复杂的业务数据收集时，可适当重构与改造）。

1、收集基础数据

基础数据涵盖

（1）  业务类：业务流页面地址、用户停留时间、打开次数、

会话ID、客户端IP、业务流步骤等

（2）  辅助类：浏览器、OS、COOKIE等

（3）  示例 

/* 
    记录构造基础数据 
*/  
var Logger = {  
    Debug: false,  
    UserControl: 'inputUser',  
    HistoryControl: 'inputHistory',  
    TimerControl: 'inputTimer',  
    GetUser: function() {  
        if (!$f(this.UserControl)) return ",,";  
        return $f(this.UserControl).value;  
    },  
    /*-- attribute --*/  
    Guid: function() {  
        return this.GetUser().split(',')[0];  
    },  
    SessionID: function() {  
        return this.GetUser().split(',')[1];  
    },  
    GetStep: function() {  
        return this.GetUser().split(',')[2];  
    },  
    ProcessTime: function() {  
        if (!$f(this.TimerControl)) return "0";  
        return $f(this.TimerControl).value;  
    },  
    AppSys: 1, //不同系统编号  
    Environment: '', //Environment.Dev:开发Dev、测试Test、正式Official  
    IsNewSite: 1,  
    //是否历史返回  
    IsHistory: function() {  
        if (!$f(this.HistoryControl)) return false;  
        if ($f(this.HistoryControl).value.length > 0)  
            return true;  
        //if (this.IsSuccReturn()) return true; //成功返回 非历史  
        return false;  
    },  
    IsStep2History: function() { //是否为第2步返回历史  
        if (!$f(this.HistoryControl)) return false;  
        var history = $f(this.HistoryControl).value;  
        if (history.length == 0)  
            return false;  
        if (history.split(',').length > 1)  
            return true;  
        return false;  
    },  
    //是否为页面reload返回  
    IsReturn: function() {  
        if (typeof getUrlParam != "function") return false;  
        var para = getUrlParam("return");  
        if (para == "1") return true;  
        return false;  
    },  
    //是否成功返回  
    IsSuccReturn: function() {  
        var para = getUrlParam("succret");  
        if (para == "1") return true;  
        return false;  
    },  
    //tracetype,guid,sessionid,processtime,description  
    WriteStepLog: function() {  
        var argc = arguments.length;  
        var traceType = (argc > 0) ? arguments[0] : "";  
        var guid = (argc > 1) ? arguments[1] : "";  
        var sessionID = (argc > 2) ? arguments[2] : "";  
        var processTime = (argc > 3) ? (arguments[3] == "" ? "0" : arguments[3]) : "0";  
        var description = (argc > 4) ? arguments[4] : "";  
        var url = (argc > 5) ? arguments[5] : "";  
        /*with (Trace.Parameter) 
        { 
        TraceType = traceType; 
        Guid = guid; 
        SessionID = sessionID; 
        PageUrl = window.location.href; 
        ProcessTime = processTime; 
        //set const value 
        AppSys = 1; 
        Environment = Environment.Dev; //Offical 
        IsNewSite = 1; 
        Description = description; 
        }*/  
        Trace.Parameter.TraceType = traceType;  
        Trace.Parameter.Guid = guid;  
        Trace.Parameter.SessionID = sessionID;  
        if (url.length == 0) {  
            url = window.location.href;  
            //alert("self:" + window.location.href + ",refer:" + self.document.referrer);  
            if (url.toLowerCase().indexOf('errorpage.aspx') > -1 && traceType.indexOf('ret') == -1) {  
                if (document.referrer != null && document.referrer != "") url = document.referrer;  
            }  
        }  
        Trace.Parameter.PageUrl = url;  
        Trace.Parameter.ProcessTime = processTime;  
        Trace.Parameter.AppSys = this.AppSys;  
        if (this.Environment.length == 0) this.Environment = Environment.Official;  
        var curUrl = window.location.href.toLowerCase();  
        if (curUrl.indexOf('https://') > -1) {  
            this.Environment = this.Environment.replace('http://', 'https://');  
        }  
        Trace.Parameter.Environment = this.Environment;  
        Trace.Parameter.IsNewSite = this.IsNewSite;  
        Trace.Parameter.Description = escape(description);  
        if (this.Debug) {  
            alert(Trace.Parameter.TraceType + "," + Trace.Parameter.Guid + "," + Trace.Parameter.SessionID + ","  
            + Trace.Parameter.ProcessTime + "," + Trace.Parameter.Description);  
        }  
        Trace.Submit(Trace.Parameter, null, 'img');  
    },  
    WriteOpenLog: function() {  
        try {  
            var argc = arguments.length;  
            var step = (argc > 0) ? arguments[0] : "";  
            var desc = (argc > 1) ? arguments[1] : "";  
            if (typeof PTID != "undefined" && PTID.length > 0) {  
                desc += ",PTID:" + PTID;  
            }  
            var loginstep = this.GetStep();  
            /*if (this.IsSuccReturn()) { //成功返回 
            Logger.WriteStepLog(Step.succret, this.Guid(), this.SessionID(), this.ProcessTime(), desc); 
            this.SetTimer(); 
            }*/  
            if (step == "step1" && !this.IsHistory() && typeof loginstep != "undefined" && loginstep.length > 0) { //登录返回(第一步发生)  
                Logger.WriteStepLog(loginstep, this.Guid(), this.SessionID(), this.ProcessTime(), desc);  
            }  
            else if (step == "step1" && !this.IsHistory() && !this.IsReturn()) //not history back,not page reload  
            {  
                Logger.WriteStepLog(step, this.Guid(), this.SessionID(), this.ProcessTime(), desc);  
            }  
            else if ((step == "step2" && !this.IsStep2History()) || step == "step3") { //第2步、第3步  
                Logger.WriteStepLog(step, this.Guid(), this.SessionID(), this.ProcessTime(), desc);  
                this.SetTimer();  
            }  
            else if (step == "password" || step == "mobile" || step == "cancelbind") { //一点充没有历史返回等属性  
                Logger.WriteStepLog(step, this.Guid(), this.SessionID(), this.ProcessTime(), desc);  
                this.SetTimer();  
            }  
            else if (this.IsHistory() || this.IsStep2History() || this.IsReturn()) { //历史返回  
                Logger.WriteStepLog(step + "ret", this.Guid(), this.SessionID(), "0", desc);  
                this.SetTimer();  
            }  
            else {  
                Logger.WriteStepLog(step, this.Guid(), this.SessionID(), "0", desc);  
            }  
        }  
        catch (e) {  
  
        }  
    },  
    WriteSubmitLog: function() {  
        try {  
            var argc = arguments.length;  
            var step = (argc > 0) ? arguments[0] : "";  
            var desc = (argc > 1) ? arguments[1] : "";  
            var url = (argc > 2) ? arguments[2] : "";  
            if (typeof PTID != "undefined" && PTID.length > 0) {  
                desc += ",PTID:" + PTID;  
            }  
            Logger.WriteStepLog(step, this.Guid(), this.SessionID(), this.ProcessTime(), desc, url);  
            $f(this.HistoryControl).value = "1";  
            //set step2  
            if (step == "step2submit") {  
                $f(this.HistoryControl).value = "1,1";  
            }  
            this.SetTimer();  
        }  
        catch (e) {  
        }  
    },  
    SetTimer: function() { //reset timer  
        if (Timer && typeof Timer != "undefined") {  
            Timer.Reset();  
        }  
    },  
    DirectOpenLog: function() {  
        try {  
            var argc = arguments.length;  
            var step = (argc > 0) ? arguments[0] : "";  
            var desc = (argc > 1) ? arguments[1] : "";  
            if (typeof PTID != "undefined" && PTID.length > 0) {  
                desc += ",PTID:" + PTID;  
            }  
            this.AppSys = 2;  
            Logger.WriteStepLog(step, this.Guid(), this.SessionID(), this.ProcessTime(), desc);  
            if (step != Step.step1) {  
                this.SetTimer();  
            }  
        }  
        catch (e) {  
        }  
    }  
};  
var $f = function(name) {  
    return document.getElementById(name);  
}  
//记录客户端脚本错误  
window.onerror = function GetErrors(error) {  
    try {  
        var msg;  
        for (var i = 0; i < arguments.length; i++) {  
            if (i == 0 || i == 2) {  
                msg += " | " + arguments[i];  
            }  
        }  
        if (msg.length > 0 && typeof Logger != 'undefined') {  
            Logger.WriteStepLog('syserror', '-', '-', '', msg);  
        }  
        window.onerror = null;  
        return true;  
    } catch (e) { };  
}

2、时间统计

通过在页面放置计时器，计算当前视图下用户的停留时间。

示例：

/*--------Timer Script------------- 
*  
* 页面计时器控件 
* 1、Timer.BindControl = 'inputTimer'; 
* 2、<input id="inputTimer" type="hidden" class="timer" /> 
* 不写Cookie、不显示定时器时,采用(EndTime - StratTime)即可 
*/  
var up, down;  
var cmin1, csec1, clock;  
var Timer = {  
    Debug: false,  
    BindControl: 'inputTimer',  
    StartTime: '',  
    EndTime: '',  
    StartTimer: function() {  
        if (!$f(this.BindControl)) return;  
        if ($f(this.BindControl).value != "") return;  
        //$("#" + this.BindControl).val("");  
        cmin1 = 0;  
        csec1 = 0;  
        //每个页面单独记录,不需要采用Cookie,屏蔽  
        //        var cookie = GetCookie("Timer");  
        //        if (cookie) {  
        //            cmin1 = parseInt(this.Minutes(cookie));  
        //            csec1 = parseInt(this.Seconds(cookie));  
        //            DeleteCookie("Timer");  
        //        }  
        //        else {  
        //            cmin1 = csec1 = 0;  
        //        }  
        this.Repeat();  
    },  
    SetValue: function() {  
        var html = $f(this.BindControl).value;  
        if (html != null && html.length > 0) SetCookie("Timer", html);  
    },  
    Minutes: function(data) {  
        for (var i = 0; i < data.length; i++) if (data.substring(i, i + 1) == ":") break;  
        return (data.substring(0, i));  
    },  
    Seconds: function(data) {  
        for (var i = 0; i < data.length; i++) if (data.substring(i, i + 1) == ":") break;  
        return (data.substring(i + 1, data.length));  
    },  
    Display: function(min, sec) {  
        var disp = "";  
        if (min <= 9) disp += "0" + min + ":";  
        else disp += min + ":";  
        if (sec <= 9) disp += "0" + sec;  
        else disp += sec;  
        return (disp);  
    },  
    Repeat: function() {  
        csec1++;  
        if (csec1 == 60) { csec1 = 0; cmin1++; }  
        $f(this.BindControl).value = this.Display(cmin1, csec1);  
        if (this.Debug) $f("inputDebug").value = this.Display(cmin1, csec1);  
        clock = window.setTimeout(function() { Timer.Repeat() }, 1000);  
    },  
    //重新开始计时  
    Reset: function() {  
        $f(this.BindControl).value = "";  
        window.clearTimeout(clock);  
        Timer.StartTimer();  
    },  
    AddTrigger: function() {  
        var list = document.getElementsByTagName("INPUT");  
        for (var i = 0; i < list.length; i++) {  
            if (list[i].type.toUpperCase() == 'TEXT') {  
                if (list[i].addEventListener) {  
                    list[i].addEventListener("keyup", function() { Timer.StartTimer(); }, false);  
                }  
                else {  
                    list[i].attachEvent("onkeyup", function() { Timer.StartTimer(); });  
                }  
            }  
        }  
    }  
};  
if (document.all) {  
    window.attachEvent("onload", function() { Timer.AddTrigger() });  
}  
else {  
    window.addEventListener("load", function() { Timer.AddTrigger() }, false);  
}  
if (Timer.Debug) {  
    if (!document.getElementById("inputDebug")) {  
        document.write("<input type='text' id='inputDebug' />");  
    }  
}  
/* 兼容两种模式设定Cookie */  
//$(window).unload(function() { Timer.SetValue(); });  
//$("form").submit(function() { Timer.SetValue(); });

  1.  

3、异步记录

将收集到的数据通过GET、POST异步的方式发送到目标服务器

示例： 

/*--------Trace Script-------------*/  
var Step =  
{  
    /* step */  
    step1: "step1", //第一步打开,不含历史返回、成功返回  
    step2: "step2",  
    step3: "step3",  
    /* post */  
    step1submit: "step1submit", //第一步提交  
    step2submit: "step2submit",  
    step3submit: "step3submit",  
    step3resubmit: "step3resubmit", //第三步重新提交  
    /* success */  
    success:"success", //操作成功  
    succret: "succret", //成功返回  
    step1ret: "step1ret", //返回第一步  
    step2ret: "step2ret",  
    step3ret: "step3ret",  
    /* error */  
    error:"error", //操作失败  
    errstep1: "errstep1", //第一步出错 错误页面记录  
    errstep2: "errstep2",  
    errstep3: "errstep3",  
    errstep1ret: "errstep1ret", //出错页返回到第一步  
    errstep2ret: "errstep2ret",  
    errstep3ret: "errstep3ret",  
    /* login */  
    loginb1: "loginb1", //银行卡登录返回  
    loginc1: "loginc1", //实物卡登录返回  
    loginbind: "loginbind", //一点充登录返回  
    step1login: "step1login", //第一步登录界面  
    /* other */  
    bind: "bind", //用户绑定一点充  
    mobile: "mobile", //修改手机号  
    password: "password", //修改密码  
    cancelbind: "cancelbind", //取消服务  
    Login: "Login", //用户登录日志  
    querydeposit: "querydeposit", //充值记录  
    querycardbalance: "querycardbalance", //实物卡余额  
    clickkf: "clickkf", //点击在线客服  
    closekf: "closekf", //关闭在线客服  
    clickaccount1: "clickaccount1", //点击新增常用账号  
    clickaccount2: "clickaccount2" //点击新增确定按钮  
};  
var Environment = { Dev: "http://dev.xxx.com", Test: "http://test.xxx.com", Official: "http://www.xxx.com" }  
var Trace = {  
    AutoSubmit: false, //是否在提交表单时自动处理  
    Parameter: {  
        TraceType: '', //TraceType.open  
        Guid: '0',  
        SessionID: '',  
        PageUrl: '',  
        Description: '',  
        ProcessTime: '',  
        IsNewSite: false,  
        AppSys: 1,  
        ClientIP: '',  
        Environment: Environment.Official,  
        Extend: {}  
    },  
    MyAjax: function() {  
        this.xml = false;  
        this.GetXmlHttp = function() {  
            if (!this.xml && typeof XMLHttpRequest != 'undefined') {  
                this.xml = new XMLHttpRequest();  
            }  
            else {  
                var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];  
                for (var i = 0; i < MSXML.length; i++) {  
                    try {  
                        this.xml = new ActiveXObject(MSXML[i]);  
                        break;  
                    }  
                    catch (e) {//alert(e.message);  
                    }  
                }  
            }  
        }  
        this.GetXmlHttp();  
        var xmlHttp = this.xml;  
        var ajax = this;  
        var callBack = null;  
        this.updatePage = function() {  
            if (xmlHttp.readyState == 4) {  
                var response = xmlHttp.responseText;  
                if (callBack != null && typeof callBack == "function") {  
                    callBack(response);  
                }  
            }  
        }  
        this.toQueryString = function(json) {  
            var query = "";  
            if (json != null) {  
                for (var param in json) {  
                    query += param + "=" + escape(json[param]) + "&"  
                }  
            }  
            return query;  
        }  
        //提交参数,回调函数, post、get方法  
        this.invoke = function(params, pageCallBack, method) {  
            if (xmlHttp) {  
                var query = "";  
                query += this.toQueryString(params);  
                query = query.substring(0, query.length - 1);  
                //var thisReg = new RegExp(/'|"/gi);  
                //query = query.replace(thisReg, "");  
                callBack = pageCallBack;  
                if (method != null && method.toUpperCase() == "GET") {  
                    var url = params.Environment + "/Trace.aspx?" + query;  
                    xmlHttp.onreadystatechange = ajax.updatePage;  
                    xmlHttp.open("GET", url, true);  
                    xmlHttp.setRequestHeader("TraceAjax-Ver", "ver1.0");  
                    xmlHttp.send(null);  
                }  
                else if (method != null && method.toUpperCase() == "POST") {  
                    var url = params.Environment + "/Trace.aspx";  
                    //  xmlHttp.setRequestHeader("Content-Length",query);   
                    xmlHttp.onreadystatechange = ajax.updatePage; //new CallClient(this);  
                    xmlHttp.open("POST", url, true);  
                    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
                    xmlHttp.setRequestHeader("TraceAjax-Ver", "ver1.0");  
                    xmlHttp.send(query);  
                }  
                else { //跨域  
                    Trace.CreateTraceImg();  
                    document.getElementById("traceImg").src = params.Environment + "/Trace.aspx?a=" + Math.random(1000000000) + "&" + query;  
                }  
            }  
        }  
    },  
    CreateTraceImg: function() {  
        if (!document.getElementById("traceImg")) {  
            document.write("<img id=\"traceImg\" style='display:none' />");  
            //            var imgNode = document.createElement("img")  
            //            imgNode.setAttribute("id", "traceImg")  
            //            imgNode.style.display = "none";  
            //            document.body.appendChild(imgNode);  
        }  
    },  
    Submit: function(params, pageCallBack, method) {  
        try {  
            var ajax = new Trace.MyAjax();  
            //校验step是否正确  
            //        for (var i = 0; i < Step.length; i++) {  
            //            if (params.TraceType == Step[i]) {  
            //                alert(Step[i]);  
            //            }  
            //        }  
            ajax.invoke(params, pageCallBack, method);  
        }  
        catch (e) {  
        }  
    }  
};  
Trace.CreateTraceImg();

4、后端数据分析

结合前台收集的用户数据，后台初步可以完成，每一个页面的打开次数、占用时长，提交率、以及后台业务流的成功率等，通过报表形式展示数据分析界面，这样就可以监控用户行为异常、监控系统波动以及影响区域。

5、扩展

通过记录来源地址，可以更详尽的分析用户行为的流程。

通过追加页面元素的点击情况，从而计算点击率。

 

虽然服务器端也可以做到这些过程，但需求在不同的过程中插入众多的日志记录，进而POST到服务器端，过于繁冗！

另外跟踪服务器可对来源的数据请求验证其合法性，以及是否授权。

*注意：在Tracer的过程中，如遇采用系统方法如：绑定事件window.onload，需要注意不用覆盖了方法，避免与应用的页面冲突，可以通过来添加事件监听,eg:

 

[javascript] view plaincopy

AddTrigger: function() {  
    var list = document.getElementsByTagName("INPUT");  
    for (var i = 0; i < list.length; i++) {  
        if (list[i].type.toUpperCase() == 'TEXT') {  
            if (list[i].addEventListener) {  
                list[i].addEventListener("keyup", function() { Timer.StartTimer(); }, false);  
            }  
            else {  
                list[i].attachEvent("onkeyup", function() { Timer.StartTimer(); });  
            }  
        }  
    }  
}

6、关于脚本压缩

推荐采用JSA压缩工具，原因：稳定、可靠、压缩质量有保证

不过需要大家安装一下Java RUNTIME

 

jacky_唐
关注
专栏目录
js记录点击次数_一步一步搭建前端监控系统：如何记录用户行为？
weixin_39901518的博客
11-19 1698
摘要： 通过记录用户行为，快速复现BUG场景。作者：一步一个脚印一个坑原文：搭建前端监控系统（备选）用户行为统计和监控篇（如何快速定位线上问题）Fundebug经授权转载，版权归原作者所有。一步一步搭建前端监控系统系列博客：一步一步搭建前端监控系统：JS错误监控篇一步一步搭建前端监控系统：如何将网页截图上报？一步一步搭建前端监控系统：接口请求异常监控篇一步一步搭建前端监控系统：如何定位前端线上问题...
百度面试题“用js实现一个用户行收集器”
nmsl_double的博客
09-22 214
第一次发博客。发一个今天学习的百度面试题吧（有点激动） **题目：**用js实现一个用户行收集器，功能如下： 1，收集用户在页面中的所有click行为，并使用log方法发送日志，包含触发事件的节点xpath信息 2，xpath需包含tagName、id、class、同级同名节点索引(从1开始)，如 something 点击target link时，xpath为 body[1]/div[1][@id=“container”]/a[2][@id=“link2”][contains(@class, “
使用 JavaScript 分析用户访问行为数据
weixin_33796205的博客
03-26 411
我们都知道用户在网站上的访问行为数据是一座金矿，如果能恰当地加以分析，我们便能了解到用户在网站上做了些什么、体验如何，有时还能帮助我们发现一些从未注意到的问题，比如某个错误的交互设计等。但遗憾的是，传统的 UED（用户体验设计）部门通常只负责制作页面，或者至多再参与一些原始数据的收集工作（这个工作一般需要由 UED 的前端开发工程师来完成），却很少涉及到具体的数据分析。 当然，现代 UE...
网站统计中的数据收集原理及实现
YiRong
08-15 3532
2010-06-24 14:16 精华       【世界杯】美味小点“蛋挞、蓝莓酥挞”   这几天，除了工作就是看世界杯。鱼与熊掌不可兼得，因此，耽误了和网友们的切磋！ 今天抽空，把看世界杯时做的两道宵夜小点，拿出来与网友们共享！由于心不在焉，做的显得粗糙了些，望朋友们见谅！ 因为没去购物，家里有什么就做什么，所以，做了两款比较简单的点心“蛋挞、蓝莓酥挞”
javascript实现用户点击数量统计
11-27
总结来说，JavaScript 实现用户点击数量统计是通过监听用户行为，利用静态资源请求携带信息的方式，结合后端的日志分析，实现点击数据的收集。通过巧妙地生成唯一标识，可以有效地避免重复计数，确保统计数据的准确...
js-mouse-tracking:在Qualtrics调查中随时间跟踪用户鼠标在网页上的位置的Javascript
05-01
总之，`js-mouse-tracking`是一个利用JavaScript实现的用户鼠标行为跟踪工具，特别适用于Qualtrics调查，通过收集和分析鼠标移动数据，可以帮助研究人员深入了解用户在网页上的行为模式，从而优化设计或提升用户体验...
Javascript-Tracking_Data_Rendering:Javascript-跟踪数据渲染
04-20
JavaScript跟踪数据渲染是一种重要的Web开发技术，主要用于监测和分析用户在网页上的交互行为。通过JavaScript，我们可以实时收集、处理和发送用户数据，从而优化用户体验，提高网站性能，以及进行更有效的营销策略...
javascript实现的网站访问量统计代码
10-23
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要在用户端运行，用于控制网页的行为。在本文中，我们将探讨如何使用JavaScript实现简单的网站访问量统计功能。虽然这种方法可能不如专业统计工具如...
javascript 数据收集, js 数据收集sdk.zip
最新发布
01-04
4. **用户标识管理**：为了跟踪用户行为，SDK可能包含识别和跟踪用户的方法，如使用cookies或本地存储。 5. **异常处理**：为了确保即使在错误情况下也能正常工作，SDK通常会包含错误捕获和处理机制。 6. **性能...
user-behavior:跟踪用户行为的JS库
05-15
用户行为库 程序的集合，这些程序可以提供有关用户在网站上的行为方式的有价值的信息。 该库记录如下内容： 一般用户信息 在现场花费的时间 点击次数 点击数 单击的节点（该节点的html表示形式） 点击位置 鼠标移动 每当站点脱离上下文时，例如更改为另一个选项卡，窗口或程序 按键记录器，可检测按键和粘贴的数据信息 入门 将userbehavior.js添加到您的网站 < script src =" userbehavior.js " > </ script > 并使用默认值进行初始化 userLog . init ( ) ; 用法 init函数接收一个具有自定义设置的对象： 使用的服务（默认情况下，所有服务均处于激活状态），如果要停用一项，请将其设置为false clickCount clickDetails mouseMovement 语境 keyLogger proce
js轨迹跟踪（动画轨迹，记录鼠标点击过的坐标点）
08-10
js轨迹跟踪（动画轨迹，记录鼠标点击过的坐标点）
Web页面用户鼠标行为捕捉与轨迹回放.rar
07-03
用于监视用户在当前web页面上所有鼠标的移动、点击等操作和轨迹。以动画的形式进行展示。
JS怎样监控监控收集用户的行为数据
a657281084的博客
01-06 1320
这篇文章给大家分享的是JS怎样监控监控收集用户的行为数据。
js记录用户在网站的浏览记录和停留时间(2)
weixin_33896726的博客
09-22 1123
问题：上次的代码确实解决了一部分用户访问记录的收集，但是还是存在一个问题就是 我们网站的注册 都是新页面打开的，如果用户刚进入网站就点击注册（打开了新的页面） ，我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了，也就是导致 访问了网站 直接点击注册的用户 无法被记录。所以这次对数据的记录方式做了拆分。 这个...
javascript监听用户行为分析
blackcat88的博客
03-12 1712
1、oninput事件 oninput 事件在用户输入时触发。 2、onchange事件监听 input事件没法满足type为checkbox和radio的监控，所以需要借助onchange事件来监控。 ...
JS使用实现记录客户浏览记录
疯子的博客
03-17 3443
实现使用Cookie记录浏览记录的方式比较多，如使用jquery.cookie.js插件，这里使用js原生实现，当然当中也用到了jquery取值和遍历（就因为jQuery用着太方便了） exDate.setTime(exDate.getTime() + expiredays); if(expiredays == null) { document.cookie = name + "=" + escap
js实现浏览器用户信息收集
weixin_30378311的博客
03-20 1106
前言 这是一个通过html5,javascript用于收集用户通过上网泄漏的各种信息，包括地理位置，IP地址，照片，语音，浏览器版本等信息。结合大数据，可实现广告定向投放，用户追踪，用户行为分析，用户群体调研等一系列更人性化的服务。 json保存个体的信息数据 内网外网IP地址 内网扫描 地理位置信息 这个需要权限，用户允许才行！ Canvas指纹 从根本上来说，每...
搜集用户行为的方法之一
cocoyan 的技术博客
09-29 879
通过js页面埋点实现记录行为日志，主体思路是 在要监控用户行为的页面控件上添加特定属性，绑定body的鼠标按下事件，监听用户操作了那些行为通过属性获取行为内容，通过img.scr发送请求，ngix进行拦截记录，除了绑定控件，也可以在页面初始化的时候记录用户访问了那些页面。 参考此文档  http://blog.csdn.net/hxyascx/article/details/
FollowerJS：轻松实现用户活动追踪的JavaScript库
总结而言，FollowerJS作为一个用于跟踪用户活动的JavaScript库，提供了一套简单、灵活的API来收集用户行为数据，用于各种Web分析和优化任务。开发者可以通过配置初始化参数来适应不同的跟踪需求，并结合项目需求集成...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值