热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js判断两个时间相差多少月_JSSDK采集页面数据代码实现

新建一个web项目导入准备好的jar新建一个js文件先写一个自执行匿名函数常见格式:解释:包围函数(function(){})的第一对括号向脚本返回未命

新建一个web项目

f9eac3e57d7d6cbba9cb4ce6aa538ed7.png

导入准备好的jar

502abdab6d2cdb12c11ab3bcb58db315.png

新建一个js文件

cca6cdfc98454a2d2b5679a00d4c0ea5.png

先写一个自执行匿名函数

常见格式:

72967db78118e8071f248fd886673248.png

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

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

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

其他写法:

e56d089e3138e8f348318aaf7a676b7a.png

js文件中编写:

f2e235c9cde1a552cc7d9a36cf51a738.png

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

a560ae81a9358f7c4155f5089eeb4c13.png

创建一个网页

bb17ee34433dbef024743a199ce70c11.png

写一个基本内容

0af316e35a60fa65456ec058d25b4cc0.png

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

13a90050c5d7fcd954f90b544f9f34a3.png

我们完成一个功能:

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

接着创建变量

ecd03a4045d60e54b68de9e9a23b4f96.png

现在我们向页面添加COOKIE

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

8aa4e070f586b93112f3cb2c338fe94e.png

在Tracker中定义函数

130603c9d0b80f69ecafb5be67d1d53d.png

Sid是生成一个随机编号

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

aa86569cbf4c67214eefab3c0a1b9bc8.png

生成随机编号的方法

aea90aed85409c70cc96c095e52da92e.png

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

2d610dc75b75a402868765ebae8c0a82.png

时间和会话是放在keys中

aa4193ae2df1fd826c4135f9dfc08aa2.png

COOKIE设置方法

320f6b31d7ad47c283f5040381124a0e.png

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

5517c0c8777bdbfd8990fe4601c20e5f.png

进一步完善

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

判断会话是否存在

3ed787b431660146db840ca9c1e5fa83.png

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

9c36fb894afdba99be217bfc06ba8a26.png

获取会话getSid

4848e4010586f884b1db570ab23b8791.png

获取COOKIE值

485520151fa959b3e3b15b5de72a9c3a.png

更新最近访问时间的函数

74d282e1780c18eb8e5cab213019c407.png

判断是否过期的函数

46446146d1e9b3718cd9a20bcf5cbeeb.png

配置信息

41ef31d44de9b1e3af9873b3981df59b.png

完成startSession

0e110a0be83a27ce98320911d7e98f8e.png

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

ce8d3b72c7383f1dae9d0f0f6c552a32.png

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

92056643c5ad1f675c48eb9af04bc50c.png

全局的一些配置

70a3c485ddaab5800e1e583a2dbdb7d4.png

关键信息

0c62356f60ffd4ae7388e65a995e7ada.png

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

24ddf51977eb95694291712a0e28314a.png
6ea5bade5fd0d1bb5a14657faf8d040b.png

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

1f91fa6f2ec275c12fff72a2bde41c2c.png

完成onLaunch函数

c9347ac45f85e0eaafe0890ed2199166.png

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

140db1baeaf154675fb486c605a73f47.png

parseParam对数据进行编码操作

b56071dcfb2bf8602fea86edf38dbdb9.png

sendDataToServer向服务器发送数据

088c7807fe53a1bc80e615c7d26c82c3.png

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

7c1695ffd0efa1c75f2d798014d35ad4.png

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

fcfff46971bd2e5ec7851c6f980f2d28.png

代码位置

f7db36f2127cf486d244e4e1e57e6ea2.png

事件名称

d779d0d6502a4a52ea691f9a3f5953db.png

preCallApi函数

450c8c93c84ca19ea477fb7f6b711c75.png

pageview

01b68636a172700723edc499d817d16b.png

调用pageview

07dd6bb6b59f9fac8cfb8768ccc05184.png

对外暴露

e3de296cd88dada3eb6a7567be5f3d1d.png

页面结果

f04a7373d4570631645b8cfb8095f32c.png

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

比如:

619d7e33a971d580a3cd00e4c3519b24.png

添加代码

8adbce3a9e74904608b67a24e5a15d99.png

添加事件key信息

437e68366c74027e44934de924083c2e.png

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

13f69a1d0a5491fb6055102c268b7881.png

完成事件代码

1f32b0347948727002ac8f569700f797.png
bfc160643112d44f474b82ace637e42a.png

对外暴露

19a1001fe3cbce0fd569f9a0935640bf.png

创建一个测试页面

03c128280faa09385dd68ab29e1388bb.png

页面内容

241502406fada286e89269eb14ee7cf8.png

访问页面

35261fe230244f8f289a89b313ca89af.png

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

872b14cb7884907c9d5ecf6931889196.png



推荐阅读
  • 本文介绍了解决Netty拆包粘包问题的一种方法——使用特殊结束符。在通讯过程中,客户端和服务器协商定义一个特殊的分隔符号,只要没有发送分隔符号,就代表一条数据没有结束。文章还提供了服务端的示例代码。 ... [详细]
  • 本文介绍了在rhel5.5操作系统下搭建网关+LAMP+postfix+dhcp的步骤和配置方法。通过配置dhcp自动分配ip、实现外网访问公司网站、内网收发邮件、内网上网以及SNAT转换等功能。详细介绍了安装dhcp和配置相关文件的步骤,并提供了相关的命令和配置示例。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
  • 本文介绍了在Hibernate配置lazy=false时无法加载数据的问题,通过采用OpenSessionInView模式和修改数据库服务器版本解决了该问题。详细描述了问题的出现和解决过程,包括运行环境和数据库的配置信息。 ... [详细]
  • 图解redis的持久化存储机制RDB和AOF的原理和优缺点
    本文通过图解的方式介绍了redis的持久化存储机制RDB和AOF的原理和优缺点。RDB是将redis内存中的数据保存为快照文件,恢复速度较快但不支持拉链式快照。AOF是将操作日志保存到磁盘,实时存储数据但恢复速度较慢。文章详细分析了两种机制的优缺点,帮助读者更好地理解redis的持久化存储策略。 ... [详细]
  • http:my.oschina.netleejun2005blog136820刚看到群里又有同学在说HTTP协议下的Get请求参数长度是有大小限制的,最大不能超过XX ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • 本文介绍了计算机网络的定义和通信流程,包括客户端编译文件、二进制转换、三层路由设备等。同时,还介绍了计算机网络中常用的关键词,如MAC地址和IP地址。 ... [详细]
  • Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现
    本文介绍了使用Go语言的GUI库lxn/walk实现菜单栏和工具栏的具体方法,包括消息窗口的产生、文件放置动作响应和提示框的应用。部分代码来自上一篇博客和lxn/walk官方示例。文章提供了学习GUI开发的实际案例和代码示例。 ... [详细]
  • LVS实现负载均衡的原理LVS负载均衡负载均衡集群是LoadBalance集群。是一种将网络上的访问流量分布于各个节点,以降低服务器压力,更好的向客户端 ... [详细]
  • Servlet多用户登录时HttpSession会话信息覆盖问题的解决方案
    本文讨论了在Servlet多用户登录时可能出现的HttpSession会话信息覆盖问题,并提供了解决方案。通过分析JSESSIONID的作用机制和编码方式,我们可以得出每个HttpSession对象都是通过客户端发送的唯一JSESSIONID来识别的,因此无需担心会话信息被覆盖的问题。需要注意的是,本文讨论的是多个客户端级别上的多用户登录,而非同一个浏览器级别上的多用户登录。 ... [详细]
  • 微信官方授权及获取OpenId的方法,服务器通过SpringBoot实现
    主要步骤:前端获取到code(wx.login),传入服务器服务器通过参数AppID和AppSecret访问官方接口,获取到OpenId ... [详细]
author-avatar
fishandyp
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有