项目实施-08 （Jquery埋点设计）

最新推荐文章于 2021-11-18 19:57:20 发布

纯净天空7

最新推荐文章于 2021-11-18 19:57:20 发布

阅读量749

点赞数

分类专栏：数据综合分析系统

本文链接：https://blog.csdn.net/asymuxue/article/details/105180492

版权

本文介绍了前端页面中使用Jquery进行埋点设计的实践，旨在收集用户行为数据以提升系统安全性。通过引入Cookie插件，将页面采集的信息发送到服务器。详细步骤包括：概述、Cookie引入、埋点设计和控制层接收埋点。

摘要由CSDN通过智能技术生成

概述

前端页面中要设计埋点，用来收集用户的行为习惯等信息以便进行实时流计算，从而提高系统的安全性。如：登录风险评估等。
本篇简单介绍了一个登录输入时长检查的埋点的设计。

引入Cookic

引入cookic，目的是为了，我们可以将在页面定制的一些采集的数据，通过请求发送的形式，携带到服务器端。

①`引入cookic插件`

将下面的文本Copy到自定义的一个**.js**结尾的文件中，完成cookic插件的引入。
例： jquery.cookic.min.js

/*! jquery.cookie v1.4.1 | MIT */
!function(a){
   "function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){
   function b(a){
   return h.raw?a:encodeURIComponent(a)}function c(a){
   return h.raw?a:decodeURIComponent(a)}function d(a){
   return b(h.json?JSON.stringify(a):String(a))}function e(a){
   0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{
   return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){
   }}function f(b,c){
   var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){
   if(void 0!==g&&!a.isFunction(g)){
   if(i=a.extend({
   },h.defaults,i),"number"==typeof i