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, USDcount: 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 篇)相关推荐
- android+统计功能,React Native 轻松集成统计功能(Android 篇)
搜索热词 关于推送的集成请参考这篇文章,本篇文章将引导你集成统计功能,只需要简单的三个步骤就可以集成统计功能. 第一步 安装 在你的项目路径下执行命令: npm install janalytics- ...
- React Native 轻松集成分享功能(Android 篇)
关于推送的集成请参考这篇文章,关于统计的集成请参考这篇文章,本篇文章将引导你集成分享功能. 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台).支持的平台如下: ...
- React Native 轻松集成分享功能( iOS 篇)
产品一直催我在 RN 项目中添加分享功能,一直没找到合适的库,今天让我看到了一个插件分享给大家. 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台).支持的平台 ...
- React Native填坑之旅--动画篇
React Native填坑之旅--Button篇 React Native填坑之旅--动画 React Native填坑之旅--HTTP请求篇 动画是提高用户体验不可缺少的一个元素.恰如其分的动画可 ...
- 【苹果家庭推iiMessage】React Native举行开发仍是iOS,用原生的代码实现类似webview的页面
推荐内容IMESSGAE相关 作者推荐内容 iMessage苹果推软件 *** 点击即可查看作者要求内容信息 作者推荐内容 1.家庭推内容 *** 点击即可查看作者要求内容信息 作者推荐内容 2.相册 ...
- rn项目 假如cocoapods_React Native 如何集成到原生IOS项目中?
想了很久,要先介绍各种组件的实际应用好,还是先介绍怎么把React Native集成到原生项目好. 因为想起,一旦开始写各种组件的应用,就会花很长很长的篇幅,会把这个挺重要的内容抛到好远,而集成到原生 ...
- react native实现兼容Android与ios的视频播放器
呦吼-,我来啦,这是我的第一篇文章,当然是福利啦,项目代码可以直接运行使用的呀,这种便宜尽情挥霍去吧-.好了装嫩结束,来点实际的,这个项目其实是我主讲的一门视频课程(看文章就可以学到所有知识,若需要可 ...
- 【React Native】集成声网Agora语音通讯
前言: 公司的产品是一款基于社交的内容聊天软件,需要集成语音通讯功能,在写iOS原生项目时,用到的就是Agora SDK,现在写React Native也直接采用了Agora的库. 集成iOS.And ...
- 从终端运行React Native App时出错(iOS)
本文翻译自:Error Running React Native App From Terminal (iOS) I am following the tutorial on the official ...
最新文章
- 编译器设计-自下而上分析器-误差恢复-语义分析
- 冲出UAC-解决Win UAC问题的编程经验
- Kafka 安装配置及快速入门
- loj 1316(spfa预处理+状压dp)
- UML模型中的图-用例图
- cap理论具体含义_分布式事务的CAP理论
- Spring Cloud Alibaa
- nssl1305-最大值【dp,数学】
- Jenkins连接TFS出现错误:“jenkins com.microsoft.tfs.core.exceptions.TECoreException”的问题收集...
- PAT甲级题解-1100. Mars Numbers (20)-字符串处理
- Sql根据不同条件统计总数
- b - 数据结构实验之排序二:交换排序_数据结构学习大纲
- oracle wm_concat(column)函数的使用
- python实现,excel随机抽取特定行到新表中(附上源码和桌面软件)
- 专访任玉刚:从菜鸟到资深工程师的进阶之路
- 爬虫 爬取豆瓣高分电影信息
- 瞎琢磨先生のJava笔记之读取SpringBoot配置文件的几种方式
- 教你快速开发一个 狼人杀微信小程序(附源码)
- 【Kali安全渗透测试实践教程】第9章 无线网络渗透
- 一碗阳春面(一碗清汤荞麦面)
热门文章
- go nil json.marshal 完是null_字节跳动踩坑记#3:Go服务灵异panic
- python爬虫酷狗_python爬虫教程:爬取酷狗音乐,零基础小白也能爬取哦
- JavaScript中的try...catch...finally
- 51单片机led灯闪烁程序C语言,51单片机控制led灯闪烁程序
- 20210218:力扣第228周周赛(下)
- 20190819:(leetcode习题)字符串中的第一个唯一字符
- python的numpy教程_python numpy 基础教程 | 学步园
- VB用记录集填充表格函数
- VB移动没有标题的窗体
- 自考那些事儿(九):再次学操作系统