神策数据埋点

转载

作者:韩girl
链接:https://www.jianshu.com/p/1fa6ec85633d
来源:简书

官方文档 附上:https://manual.sensorsdata.cn/sa/latest/page-1573907.html
毕竟才疏学浅,就会那么点东西,以便我下次巩固记忆使用 特写此文章....
如果你的项目里面需要前端埋点的看过来

首先你需要在你的项目里面下载 sa-sdk-javascript 此插件

main.js 引入 import sensors from'sa-sdk-javascript' 并初始化一下

//神策初始化
sensors.init({
  server_url: env == 'prod' ? 'https://sensorsdata.e-hqins.com/sa?project=production' : 'https://sensorsdata.e-hqins.com/sa?project=default', //'https://sensorsdata.e-hqins.com/sa?project=default',
  heatmap: {
    //是否开启点击图,default 表示开启,自动采集 $WebClick 事件,可以设置 'not_collect' 表示关闭。
    clickmap:'default',
    //是否开启触达注意力图,停留超过4秒或自定义时间 
    //not_collect 表示关闭,不会自动采集 $WebStay 事件,可以设置 'default' 表示开启。
    scroll_notice_map:'default'
  },
  is_track_single_page: true,
  show_log: env == 'prod' ? false : true//调试查看事件信息--事件的触发日志
})

server_url的获取来源 https://manual.sensorsdata.cn/sa/latest/tech_sdk_client_web_use-7545346.html 这里有详细说明

  • 调用 sensors.registerPage() 将属性注册为公共属性
  • 设置用户属性 sensors.setProfile(data对象)
  • 设置事件 sensors.track(events, data)
    如果在你埋点事件的地方涉及到链接跳转的话 , 注意 要在外层加上一层setTimeout延迟跳转页面,给 SDK 发送数据提供时间,时间最好设置在500ms
  • 修改匿名ID sensors.identify(id, true)
  • 登录ID sensors.login(id)
  • 获取预置属性
    sensors.quick(isReady',function(){
    sensors.getPresetProperties();
    });

    ... ...
    使用的时候最好封装个公共方法方便调用
    附上:
    公共方法:
    引入 import sensors from'sa-sdk-javascript';
  • 神策数据埋点_第1张图片

     

    公共属性封装

神策数据埋点_第2张图片

 

方法


导出 方法export { cpsGetAndChannelType, pageEvents, setUserProfile, checkWechatGetUserLoginId }最后就可以在设置埋点的组件内引入该文件调用里面的方法了

 

在https://sensorsdata-admin.e-hqins.com/hue/beeswax/execute/query/700?project=default#query里面按条件查询 可知你是否埋入成功是否有数据

神策数据埋点_第3张图片

 

1.png

神策数据埋点_第4张图片

 

可查看埋点事件和用户属性是否上报 (链接 https://sensorsdata-admin.e-hqins.com/sdg/metadata/meta-event?project=default )

 

你可能感兴趣的:(前端,javascript)