JSSDK采集页面数据逐步实现

新建一个web项目

JSSDK采集页面数据逐步实现

导入准备好的jar

JSSDK采集页面数据逐步实现

新建一个js文件

JSSDK采集页面数据逐步实现

先写一个自执行匿名函数

常见格式:

JSSDK采集页面数据逐步实现

解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。

作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许(变量前加上window,这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。

总结一下,执行函数的作用主要为匿名和自动执行,代码在被解释时就已经在运行了。

其他写法:

JSSDK采集页面数据逐步实现

js文件中编写:

JSSDK采集页面数据逐步实现

运行下项目测试下是否正确

JSSDK采集页面数据逐步实现

创建一个网页

JSSDK采集页面数据逐步实现

写一个基本内容

JSSDK采集页面数据逐步实现

运行下项目,弹出框后代表基本结构正确,我们继续完成js

JSSDK采集页面数据逐步实现

我们完成一个功能:

进入网页后,创建用户标识,保存到Cookie中

接着创建变量

JSSDK采集页面数据逐步实现

现在我们向页面添加Cookie

首先页面开始执行,完成startSession方法

JSSDK采集页面数据逐步实现

在Tracker中定义函数

JSSDK采集页面数据逐步实现

Sid是生成一个随机编号

updatePreVisitTime代表的是访问页面的时间

JSSDK采集页面数据逐步实现

生成随机编号的方法

JSSDK采集页面数据逐步实现

最近访问时间和会话编号放到Cookie中

JSSDK采集页面数据逐步实现

时间和会话是放在keys中

JSSDK采集页面数据逐步实现

Cookie设置方法

JSSDK采集页面数据逐步实现

查看网页可以看到Cookie中的数据

JSSDK采集页面数据逐步实现

进一步完善

如果进入网页,此时判断会话是否存在,如果存在判断是否过期,过期再重新创建,不过期就更新访问时间

判断会话是否存在

JSSDK采集页面数据逐步实现

如果存在判断是否过期,过期再重新创建,不过期就更新访问时间

JSSDK采集页面数据逐步实现

获取会话getSid

JSSDK采集页面数据逐步实现

获取Cookie值

JSSDK采集页面数据逐步实现

更新最近访问时间的函数

JSSDK采集页面数据逐步实现

判断是否过期的函数

JSSDK采集页面数据逐步实现

配置信息

JSSDK采集页面数据逐步实现

完成startSession

JSSDK采集页面数据逐步实现

事件Launch:表示用户第一次访问网站触发的事件,可以用来记录一些数据,比如:

JSSDK采集页面数据逐步实现

在js文件中加入下面的列名,这些用来发送到服务器

JSSDK采集页面数据逐步实现

全局的一些配置

JSSDK采集页面数据逐步实现

关键信息

JSSDK采集页面数据逐步实现

其中mid和uuid要写两个cookie获取和写入的方法

JSSDK采集页面数据逐步实现

JSSDK采集页面数据逐步实现

那么用户第一次访问,即没有产生会话和uuid,所以代码:

JSSDK采集页面数据逐步实现

完成onLaunch函数

JSSDK采集页面数据逐步实现

setCommonColumns函数 主要用来设置一些公共columns,因为后续还有很多其它的事件

JSSDK采集页面数据逐步实现

parseParam对数据进行编码操作

JSSDK采集页面数据逐步实现

sendDataToServer向服务器发送数据

JSSDK采集页面数据逐步实现

启动服务,访问页面,成功触发,发送数据

JSSDK采集页面数据逐步实现

事件pageView:表示用户访问网站信息,部分信息

JSSDK采集页面数据逐步实现

代码位置

JSSDK采集页面数据逐步实现

事件名称

JSSDK采集页面数据逐步实现

preCallApi函数

JSSDK采集页面数据逐步实现

pageview

JSSDK采集页面数据逐步实现

调用pageview

JSSDK采集页面数据逐步实现

对外暴露

JSSDK采集页面数据逐步实现

页面结果

JSSDK采集页面数据逐步实现

事件chargeRequest:记录用户产生订单的行为和数据

比如:

JSSDK采集页面数据逐步实现

添加代码

JSSDK采集页面数据逐步实现

添加事件key信息

JSSDK采集页面数据逐步实现

添加一个显示日志信息的函数

JSSDK采集页面数据逐步实现

完成事件代码

JSSDK采集页面数据逐步实现

JSSDK采集页面数据逐步实现

对外暴露

JSSDK采集页面数据逐步实现

创建一个测试页面

JSSDK采集页面数据逐步实现

页面内容

JSSDK采集页面数据逐步实现

访问页面

JSSDK采集页面数据逐步实现

点击按钮(类似生成订单)

JSSDK采集页面数据逐步实现


分享到:


相關文章: