Skip to main content

自定义组件如何设置和统计埋点

从 1.5.0 版本开始，amis 内置了跟踪用户交互行为采集功能（详细见 amis）。amis 只负责采集，对行为的存储和分析都需要外部实现。

自定义组件埋点方案简述​

自定义组件使用amis内置的埋点采集方法Tracker，然后在应用设置中添加埋点脚本统一收集埋点数据。

1、自定义组件设置埋点​

自定义组件源码中可通过env.tracker设置埋点，比如： 

env.tracker(
{
  eventTrack: 'custom-widget-event',
  eventData: {
    'widget-event-name': 'react-info-card',
    'widget-event-type': 'componentDidMount'
  }
},
this.props);

备注：自定义组件增加埋点示例。

2、应用设置\埋点脚本，添加埋点脚本，收集埋点数据​

image

说明1​

在埋点脚本中可以通过eventTrack获取到执行env.tracker的eventTrack和eventData：
image

说明2​

在埋点脚本中可以通过props获取到执行env.tracker的上下文数据props：
image

说明3​

在埋点脚本中可以通过app获取当前应用的相关数据（比如：应用id、应用名称等）：
image

说明4​

在埋点脚本中可以通过page获取当前页面的相关数据（比如：页面id、页面名称等）：
image

说明5​

需要在埋点脚本中将埋点数据推送到自己的埋点统计系统中。埋点脚本中可以使用props.env.fetcher 来做 ajax 请求。比如： 

props.env.fetcher('xxxApiUrl', this.props.data).then((result) => console.log(result));

备注：埋点脚本中使用的接口需要支持跨域请求。