神策数据埋点

转载

作者：韩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';
• 

   

  公共属性封装

 

方法

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

 

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

 

1.png

 

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