JavaScript开发社区

作者: 少校seo 分类: 黑帽seo资讯 发布时间: 2019-09-13 06:14

当前的系统要求包括但不限于以下为h5开发应用收集用户行为数据的要点:

可以灵活配置,根据不同项目生成的代码可以多维扩展,保留添加用户行为模式等界面,支持模块化项目中的自检,支持标准化访问模式,完整的用户手册支持调试模式,整个过程的每个小功能都分别编写新的模块化代码,分别方便维护;src文件夹根据不同项目的不同配置分别用browserify打包,并在本项目中构建. js文件编写相应的测试示例黑帽seo和示例文件夹

H5数据收集分为以下几个阶段:

获取用户代理网站的隐藏点js,获取地址和其他一次性操作以生成唯一代码,记录用户捕获事件,或通过用户定义的操作向服务器发送数据

// __AE__ 的内部结构 { setAddress,// 设置地址,传入经度/纬度,自动调用百度的jsonp接口获取地址 login, // 告诉大数据sdk这个用户登录,新建一个uuid以存储操作 logout, // 告诉大数据sdk这个用户退出,还原到原来的游客uuid // 登录和退出方法目前均没有调用发送数据到后台方法 pageView, // 进入页面会自动采集一次pv,但单页应用需要跳转时手动调用此方法 customEvent, // 用户自定义事件/数据上传,传入一维数据json clickEvent, // 点击事件或者其他html事件上报(点击事件已自动捕获,不需要另行捕获)传入事件e // 默认button标签、a标签、有点击类名 DSJ__click 的标签需要采集并发送数据 // 采集上报的按钮名称默认先取 DSJ_text 属性的内容,若无,则采集按钮的中文内容 setOption // 初始化时调用,传入系统/平台名称等,也可以在加载js的�script上写,后面介绍 } npm run build # 生产环境 npm run build-test # 测试环境 <body> <div>测试失败</div> <a>测试成功一</a> <button>测试成功二</button> <div class="DSJ__click">测试成功三</div> <button DSJ_text="测试成功四文案lalala">测试成功四</button> </body> <script id="bigdata-sdk" src="bigdata-sdk.min.js?platform=你的系统名&username_key=userCode&auto_pv=true"></script> let __AE__ = require('./dist/bigdata-sdk.min.js'); __AE__.init({ platform: '你的系统名',//你的系统名称 username_key: 'userCode',// 登录时获取的唯一用户名字段 // auto_pv: true, // 自动执行一次pv事件捕获,适合多页面应用 });

麻省理工学院

陈伟彪

HTML+CSS入门之数据采集(js埋点)

本文重点介绍了超文本标记语言+CSS数据收集(js包埋点)黑帽seo。我希望在阅读这篇文章后,每个人都能从网站嵌入点js获得一些的东西,帮助每个人更深入地理解相关内容。

一、背景工程环境建设

Web点数据采集后台配置引擎:

下载数据源:

lua-nginx-module-0.10.0.tar.gz

wget-no-check-certificate-Oecho-ngix-module-0.58 . tar . gz

# 39;

wget-no-check-certificate-O ngix _ dev _ kit-0 . 2 . 19 . tar . gz

wget

wget-no-check-certificate-Oset-misc-ngix-module-0.29 . tar . gz

# 39;

第二,前面埋点

首页需要加载ma.js的脚本代码

 
后台前端代码

(function () {     var params = {};     var args = '';     if(document) {         params.domain = document.domain || '';         params.url = document.URL || '';         params.title = document.title || '';         params.referrer = document.referrer || '';         params.bio = document.getElementById("username").innerHTML || '';         params.clickbio = '';     }               document.querySelector("div#page-wrapper .wrapper.wrapper-content.animated.fadeInRight").addEventListener("click",function(e){         params.clickbio = GetChinese(e.target.innerHTML);         console.log(params.clickbio)         args = '';         console.log(params.clickbio)          for(var i in params) {                 if(args != '') {                         args += '&';                 }                 args += i + '=' + encodeURIComponent(params[i]);             }             var img = new Image(1, 1);             img.src = 'http://IP111/log.gif?' + args;     })      function GetChinese(strValue) {       if(strValue!= null && strValue!= ""){           var reg = /[\u4e00-\u9fa5]/g;            return strValue.match(reg).join("");       }   }       if(window && window.screen) {         params.sh = window.screen.height || 0;         params.sw = window.screen.width || 0;         params.cd = window.screen.colorDepth || 0;     }             if(navigator) {         params.lang = navigator.language || '';     }             if(_maq) {         for(var i in _maq) {             switch(_maq[i][0]) {                 case '_setAccount':                     params.account = _maq[i][1];                     break;                 default:                     break;             }            }        }             for(var i in params) {         if(args != '') {             args += '&';         }            args += i + '=' + encodeURIComponent(params[i]);     }          var img = new Image(1, 1);     img.src = 'http://IP111/log.gif?' + args; })();

三.后端配置

配置引擎服务器日志格式