美文网首页
前端怎么做用户行为统计分析

前端怎么做用户行为统计分析

作者: Juliana_ | 来源:发表于2019-01-15 14:56 被阅读0次

1.解释

用户行为统计分析,是指在获得网站访问量基本数据的情况下,对有关数据进行统计、分析,从中发现用户访问网站的规律,并将这些规律与网络营销策略等相结合,从而发现目前网络营销活动中可能存在的问题,并为进一步修正或重新制定网络营销策略提供依据。这是狭义的只指网络上的用户行为分析。

2.思路

用户行为分析.png

3.前端能做什么

前端行为流程图.png

3.1获取性能数据

如何获取页面性能数据请看【使用performance进行前端性能监控

3.2发送信息到服务器

从网页上收集的信息要发送到服务器存储,以下我总结了三种方式:

ajax

优点

  • 兼容性好。

缺点

  • 在异步情况下关闭页面时会导致服务器接收不到请求,因为页面关闭时,浏览器会自动忽略掉在卸载(unload)事件中的异步XMLHttpRequest。所以,如果需要在卸载页面之前发送信息需要使用同步的ajax,但在unload里使用同步的ajax请求会使得页面卸载延迟到ajax请求回来之后,倘若ajax请求的时间很久,用户体验会非常不好。
/**
* ajax请求
* @param url 路径
* @param data 数据
* @param async 是否同步
* @returns {Function}
*/
function ajax({url, data = {}, async = true}) {
  return new Promise((resolve, reject) => {
    var client = new XMLHttpRequest()
    client.onreadystatechange = function () {
      var responseText = client.responseText
      if (client.readyState === 4 && client.status === 200) {
        resolve(JSON.parse(responseText))
      }
    }
    client.open('get', url, async)
    client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8')
    client.send()
  })
}

伪图片请求

优点

  • 兼容性好。

缺点

  • 同上,这种方法在unload执行时还是会延迟页面的加载。
  • 没有返回信息,对于图片请求的方式服务器只会返回一个1x1的图片流,不能接收到其他信息。
function imgLog ({url, data}) {
  let queryData = Lang.queryStr(data) // 这里把数据序列化
  let img = new Image()
  img.src = url + (queryData ? ('?' + queryData) : '')
}

navigator.sendBeacon

可用于通过HTTP将少量数据异步传输到Web服务器。该方法专门是为了满足“统计和诊断代码”的需求而出现的

优点

  • 将会在有机会时异步地向服务器发送数据,同时不会延迟页面的卸载或影响下一导航的载入性能。这就解决了提交分析数据时的所有的问题:使它可靠,异步并且不会影响下一页面的加载。

缺点

  • 兼容性不好
if (navigator.sendBeacon) {
  navigator.sendBeacon(url);
}

相关文章

  • 前端怎么做用户行为统计分析

    1.解释 用户行为统计分析,是指在获得网站访问量基本数据的情况下,对有关数据进行统计、分析,从中发现用户访问网站的...

  • #读书笔记#增长黑客DAY4-王悦怡

    摘要: 统计分析( Trends )和用户分组( Cohorts ):统计分组是以用户行为为中心,让数据说话。用户...

  • 福格行为模型

    福隔行为模型=用户行为*用户能力*触发器 1.用户行为 背景、目的、做什么、怎么做; 2.能力评估 情境法--业务...

  • 基于kubernetes部署sentry

    背景 为了捕获前端应用的用户信息以及前端应用异常,用于用户行为分析、前端异常分析。主流的成熟实现方案及技术组件就是...

  • 用户行为驱动开发(UserAction Driven Devel

    前提 用户行为驱动开发是什么? 它是一种适用前端的面向用户行为的开发思想,是一个用户行为的产生到执行,驱动数...

  • 【2019个推开发者节】亿级日活APP都在用的APP统计服务,免

    个数 · 应用统计 从用户属性、使用行为、行业对比等多指标多维度进行全面统计分析,帮助APP运营者深层次挖掘用户需...

  • Hive 数据聚合成键值对时,根据值大小进行排序

    背景 最近对用户的行为数据进行统计分析时,需要列出不同用户的具体详情,方便进行观察,在hive中虽然有排序函数,但...

  • 点赞功能设计

    如果是为了跟踪用户行为,统计分析用户偏好情况,可以要求点赞时需要登录。前提条件为,产品已经到达成熟阶段,初级阶段不...

  • 前端监控和前端埋点方案概述

    前端埋点主要是为了服务运营人员采集用户行为数据,进行后续的数据分析工作。 前端监控和埋点能做什么 数据监控(用户行...

  • 前端异常监控

    前端异常监控作用: 错误上报 流程跟踪 用户行为跟踪 开源: https://github.com/betterjs

网友评论

      本文标题:前端怎么做用户行为统计分析

      本文链接:https://www.haomeiwen.com/subject/cblydqtx.html