使用方式

• 第一步 安装依赖 cnpm i asp-smart-collection -S
• 第二部 在 main.js 中引入
• 引入 import { Track } from 'asp-smart-collection'
• 注册挂载 Vue.prototype.$Track = Track
• 初始化 this.$Track.init(config) 初始化需要传配置参数
  • init 方法 参数说明 类型 Object {}
  • url 字段类型 String 说明：请求 url 用户向后端提交收集到的信息 【必须】
  • userInfo 字段类型 Object 说明：用户信息 【非必须】
  • isTrackOnly 字段类型 Bool 说明：设置为 true 时，只支持有痕埋点 aspTrackEvent(event, data)
  • aspRequest 字段类型 function 说明：用于提交给后台收集到的信息的 API 【非必须】url, data

组件上报给后端服务器的参数说明如下：

无痕 PV 参数-事件点击行为

• { host, hashPath, fullPath, trackPath, userInfo, createTime, eventType, trackingType }
  • host 字段类型 String 说明：域名地址 ip+端口 eg： http://localhost:10001/
  • hashPath 字段类型 String 说明：页面地址带 hash 不带路由参数 eg：http://localhost:10001/#/login
  • fullPath 字段类型 String 说明：页面的完整地址 带路由参数 eg： http://localhost:10001/#/login?id=233
  • trackPath 字段类型 String 说明：事件轨迹 UV 事件时为空
    • 1、如果标签中有定义标识 如：点击, 此时 trackPath 的值就是“点击按钮 ID”
    • 2、如果没有定义标识，但 dom 元素中有描述 如 点击 此时 trackPath 的值就是“div>button>span>点击”
    • 3、没有标识 也没有描述 如： 则返回标签轨迹 此时 trackPath 的值就是 “div>button>span”
  • createTime 字段类型 String 说明：事件触发时间 yyyy-mm-dd hh:mm:ss 年月日 时分秒
  • userInfo 字段类型 Object 说明：用户信息 由外部传入
  • eventType 字段类型 String 说明：事件类型 如：click
  • trackingType 字段类型 String 说明：数据收集类型 "1"为无痕 "2"为有痕
  • offsetX 字段类型 String 说明：点击页面时的 x 坐标
  • offsetY 字段类型 String 说明：y 坐标

无痕 PV 参数-页面跳转行为

-- { host, fullPath, hashPath, userInfo, createTime, trackPath ,userInfo, fromPath}

• fromPath 字段类型 String 说明：进入当前页面的前一个页面的完整地址 eg：http://localhost:10001/#/home
• host 字段类型 String 说明：域名地址 ip+端口 eg： http://localhost:10001/
• hashPath 字段类型 String 说明：页面地址带 hash 不带路由参数 eg：http://localhost:10001/#/login
• fullPath 字段类型 String 说明：页面的完整地址 带路由参数 eg： http://localhost:10001/#/login?id=233
• trackPath 字段类型 String 说明：事件轨迹 UV 事件时为空
• createTime 字段类型 String 说明：事件触发时间 yyyy-mm-dd hh:mm:ss 年月日 时分秒
• userInfo 字段类型 Object 说明：用户信息 由外部传入
• eventType 字段类型 String 说明：事件类型 如：click
• trackingType 字段类型 String 说明：数据收集类型 "1"为无痕 "2"为有痕

用户 UV 行为需要后台根据上传的数据自行过滤

有痕埋点 在代码中植入 aspTrackEvent(event, data)

• 包含无痕 PV 的所有信息 在此基础上 增加用户自定义的参数 data

• event 说明：事件触发时的 event 信息

• data 说明：用户自定义的信息 字段类型 Object

• 用法 this.$smartCollection.aspTrackEvent(event, data)

• 例如在 vue 页面总绑定点击事件 <el-button @click="(event) => { handleClick(event, '测试点击') }">点击

•     handleClick (event, i) {

•        const data = { test: '2342' }

•        this.$smartCollection.aspTrackEvent(event, data)

•    },

外部 API

aspSetOtherInfo(otherInfo) 补充设置埋点需要收集的额外信息

• 参数说明 otherInfo 字段类型 Object 数据收集的额外补充信息
• 用法 this.$smartCollection.aspSetOtherInfo(otherInfo)