前言
友盟統計問題折騰了很久, 于是打算整理出來~ 希望能幫到你~~如果對 集成步驟 有疑惑的小伙伴
可以參考往期文章: React Native的友盟集成
目錄
- 統計初始化
- 自定義事件接口調用
- 頁面訪問路徑
- 事件ID配置
Android, iOS統計
本文會帶你把實時統計, 留存用戶, 頁面訪問路徑, 自定義事件等功能做完.
1.初始化
1-1 首先 在MainActivity添加代碼如下:
public void onResume() {
super.onResume();
MobclickAgent.onResume(this);
}
@Override
protected void onPause() {
super.onPause();
MobclickAgent.onPause(this);
}
1-2 接著 還是在該文件中添加~(設置統計的場景，以及發送間隔) 如下:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//ShareModule.initSocialSDK(this);
//PushModule.initPushSDK(this);
MobclickAgent.setSessionContinueMillis(1000);
MobclickAgent.setScenarioType(this, EScenarioType.E_DUM_NORMAL);
MobclickAgent.openActivityDurationTrack(false);
//PushAgent.getInstance(this).onAppStart();
}
1-3 最后是初始化
找到MainApplication, 進行實例化, 代碼如下:
@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
UMConfigure.setLogEnabled(true);
//初始化組件化基礎庫, 統計SDK/推送SDK/分享SDK都必須調用此初始化接口
RNUMConfigure.init(this, "59892f08310c9307b60023d0", "Umeng", UMConfigure.DEVICE_TYPE_PHONE,
"669c30a9584623e70e8cd01b0381dcb4");
//initUpush();
}
其中, RNUMConfigure.init()的四個參數對應:
1.context 2.appkey 3.channel渠道 4.類型type 5.secret推送id
2.自定義事件接口調用
2-1 js文件處理
如果之前沒做過RN, 這里應該會很頭痛.一起填坑吧~ 哈哈~ ~
先去SDK的文件夾中找到AnalyticsUtil.js文件, 路徑如下:
接著, 把js文件添加進工程中~(沒有特殊要求放哪, 只要自己文件夾分類清楚~)
2-2 統計接口調用
如果你之前正確集成了友盟, 那么只剩下: 統計接口調用了.
我們到RN的文件目錄, 建個友盟接口的工具類, 比如叫UMTool.js.
代碼內容如下:(不要直接抄~ 看完2-3喲~)
import {
NativeModules,
Platform
} from "react-native";
const um_util = NativeModules.UMAnalyticsModule;
/*** 分析模塊 ***/
// 自定義事件發送
export function um_onEventWithMapAndCount(eventId_string, eventData_map, count_int) {
um_util.onEventWithMapAndCount(eventId_string, eventData_map, count_int);
}
// 開始記錄頁面路徑
export function um_onPageBegin(pageName_string) {
um_util.onPageBegin(pageName_string);
}
// 停止記錄頁面路徑
export function um_onPageEnd(pageName_string) {
um_util.onPageEnd(pageName_string);
}
補充: 這里我用onEventWithMapAndCount, 但是官方還提供很多接口, 小伙伴們~ 請參考文檔和代碼食用~
2-3 重點神坑!!!
開始記錄頁面路徑, iOS和Android的接口是不一樣的! 細心的小伙伴會發現源碼: iOS里調onPageBegin, Android里調onStartPage, 處理方式有兩種,
1.你可以在AnalyticsModule.java中把源碼接口onPageStart改成onPageBegin, 好處是: 改動小, 小伙伴讀代碼不困惑~ 我推薦這種~ 改后代碼如下:
@ReactMethod
public void onPageBegin(String mPageName) {
MobclickAgent.onPageStart(mPageName);
}
2.你也可以麻煩點在工具類里添加Android系統的判斷, 自己調用不同的接口~ 這里就不貼代碼了~
3.頁面訪問路徑
收集的數據要到第二天才能反映在友盟上.記得編輯描述頁面哦~, 如下:
4.事件ID配置
首先, 先要在友盟的后臺設置好, 在應用設置中, 對事件ID配置(注意:Android和iOS是分開的, 所以都要配置一遍哦~)如下:
通過源碼, 我們可以看到, 打點只要把事件ID傳進去就好了, 類似接口有很多, 挑了個參數最多的, 如下:
RCT_EXPORT_METHOD(onEventWithMapAndCount:(NSString *)eventId parameters:(NSDictionary *)parameters eventNum:(int)eventNum)
{
if (eventId == nil || [eventId isKindOfClass:[NSNull class]]) {
return;
}
if (parameters == nil && [parameters isKindOfClass:[NSNull class]]) {
parameters = nil;
}
[MobClick event:eventId attributes:parameters counter:eventNum];
}
eventId: 傳后臺配置的事件ID,
parameters: 傳自己配置的字典,
eventNum: 傳事件發生次數.
這樣, 我們就把自定義事件功能完成了~
最后
記得要勾選版本!!! 不然會沒有數據的哦~ 如下:
到這里Android與iOS的統計的工作都完成了~~ 如果有大家對友盟推送感興趣的, 可以參考這篇文章:React Native的友盟推送~
