最近产品让我加上数据统计功能,刚好极光官方支持数据统计 支持了 React Native 版本
第一步 安装:
在你的项目路径下执行命令:
- npm install janalytics-react-native --save
- npm install jcore-react-native --save
- react-native link
第二步 配置:
ReactNative iOS 端配置步骤在插件中自动完成,无需额外的配置。
第三步 使用
接下来在 JS 文件中只要导入 JAnalyticsModule 就可以调用它的接口了:
调用 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',// 附加键值对,格式 {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',// 附加键值对,格式 {String: String}
- id: String
- }
-
- calculateEvent = {
- type: 'calculate',// 附加键值对,格式 {String: String}
- id: String,value: double
- }
使用示例:
- onLoginPress = () => {
- var LoginEvent = {
- type: 'login',extra: {
- userId: "user1"
- },method: "login",success: true
- };
- JAnalyticsModule.postEvent(LoginEvent);
- }
作者:HuminiOS - 极光推送
原文:React Native 轻松集成统计功能(iOS 篇)
知乎专栏:极光日报