最近產品讓我加上數據統計功能,剛好極光官方支持數據統計 支持了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);
}