React Native 轻松集成统计功能(iOS 篇)

发布时间:2019-06-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React Native 轻松集成统计功能(iOS 篇)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

最近产品让我加上数据统计功能,刚好极光官方支持数据统计 支持了React Native 版本

第一步 安装:

在你的项目路径下执行命令:

npm install jAnalytics-react-native --save
npm install jcore-react-native --save
react-native link

第二步 配置:

ReactNative iOS 端配置步骤在插件中自动完成,无需额外的配置。

第三步 使用

接下来在 JS 文件中只要导入 JAnalyticsModule 就可以调用它的接口了:

import JAnalyticsModule From 'janalytics-react-native';
JAnalyticsModule.SETUP({appKey: "you appKey get from jiguang websITe"})  // iOS 端需要先调用该方法

调用 API

startLOGPageView(params)

这个方法表示开始记录页面统计,在生命周期中调用:

componentDidmount() {
    VAR param = {
      pageName: "main"
    };
    JAnalyticsModule.startLogPageView(param);
  }

stopLogPageView(params)

这个方法表示结束记录页面统计,在生命周期中调用:

componentWillUnmount() {
    var param = {
      pageName: "main"
    };
    JAnalyticsModule.stopLogPageView(param);
  }

postEvent(event)

上报统计事件,目前事件分为:CountEvent(计数事件)、CalculateEvent(计算事件)、Registerevent(注册事件)、LoginEvent(登录事件)、browseEvent(浏览事件)、PurchaseEvent(购买事件)。各事件格式如下:

loginEvent = {
     tyPE: 'login',  // 必填
     extra: Object,  // 附加键值对,格式 {String: String}
     method: String// 填自己的登录方法
     success: Boolean
 }

registerEvent = {
     type: 'register',  // 必填
     extra: Object,  // 附加键值对,格式 {String: String}
     method: String// 填自己的登录方法
     success: Boolean
 }

purchaseEvent = {
    type: 'purchase', // 必填
    extra: Object,  // 附加键值对,格式 {String: String}
    goodsType: String,
    goodsId: String,
    goodsName: String,
    success: Boolen,
    PRice: float,
    currency: String, // CNY, USD
    count: int
}

browseEvent = {
    type: 'browse',
    id: String,
    extra: Object,  // 附加键值对,格式 {String: String}
    name: String,
    contentType: String,
    duration: float
}
      
countEvent = {
     type: 'count',
     extra: Object,  // 附加键值对,格式 {String: String}
     id: String
}
     
calculateEvent = {
     type: 'calculate',
     extra: Object,  // 附加键值对,格式 {String: String}
     id: String,
     value: double
}

使用示例:

onLoginPress = () => {
    var LoginEvent = {
      type: 'login',
      extra: {
        userId: "user1"
      },
      method: "login",
      success: true
    };
    JAnalyticsModule.postEvent(LoginEvent);
  }

作者:HuminiOS
链接:http://www.jianshu.com/p/cf4b...
简书

脚本宝典总结

以上是脚本宝典为你收集整理的React Native 轻松集成统计功能(iOS 篇)全部内容,希望文章能够帮你解决React Native 轻松集成统计功能(iOS 篇)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。