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


声明:本文转载自https://my.oschina.net/jpushtech/blog/1553209,转载目的在于传递更多信息,仅供学习交流之用。如有侵权行为,请联系我,我会及时删除。

最近产品让我加上数据统计功能,刚好极光官方支持数据统计 支持了 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 - 极光推送 原文:React Native 轻松集成统计功能(iOS 篇) 知乎专栏:极光日报

本文发表于2017年10月19日 12:34
(c)注:本文转载自https://my.oschina.net/jpushtech/blog/1553209,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除.

阅读 1895 讨论 0 喜欢 0

抢先体验

扫码体验
趣味小程序
文字表情生成器

闪念胶囊

你要过得好哇,这样我才能恨你啊,你要是过得不好,我都不知道该恨你还是拥抱你啊。

直抵黄龙府,与诸君痛饮尔。

那时陪伴我的人啊,你们如今在何方。

不出意外的话,我们再也不会见了,祝你前程似锦。

这世界真好,吃野东西也要留出这条命来看看

快捷链接
网站地图
提交友链
Copyright © 2016 - 2021 Cion.
All Rights Reserved.
京ICP备2021004668号-1