前端用户行为统计

chengyu_wang

于 2017-12-02 00:50:39 发布

阅读量5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端日常学习笔记文章标签： javascript 前端脚本用户行为分析

本文链接：https://blog.csdn.net/qq_17347575/article/details/78692387

本文介绍了如何在前端页面中通过JavaScript脚本实现用户行为统计，包括用户停留时间和对关键DOM元素的操作记录。主要利用onload和onbeforeunload事件进行追踪，并采用事件委托来处理动态加载DOM的点击统计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近工作中有这么一个需要,要在前端页面中插入一段JavaScript脚本,用于统计用户行为.这段脚本的主要目的是统计用户在页面中的停留时间与统计用户在哪些关键DOM标签上进行了操作.然后发向后台服务.

中间用到了 onload与onbeforeunload事件. onunload事件由于兼容性问题没有使用. 因考虑到那些关键的DOM标签可能是利用了JavaScript动态加载而成的,所以利用了事件委托用于统计用户点击的情况,

import axios from 'axios'

/**
 * 发送信息给后台用于统计
 * @param {Object} obj
 * @param {string} url
 */
var fSendMsgToBackEnd = (obj, url) => {
  axios.get('back/server/path', {
    params: JSON.parse(JSON.stringify(obj))
  }).then(respons => {
    return true
  }).catch(e => {
    throw e
  })
}

/**
 * 用于存储信息