Cordova
优质
小牛编辑
176浏览
2023-12-01
百度移动统计现已提供Cordova插件的支持,对于基于Cordova开发的APP(或者Phonegap),您可以按如下步骤使用百度移动统计。
集成方法
新建一个Cordava工程,关于如何新建一个cordova工程请参考cordova官方文档
cordova create hello com.example.hello HelloWorld cd hello cordova platform add ios
集成百度移动统计SDK,这里推荐手动集成方式 在Cordova创建的目录下,进入platforms/ios/目录,双击打开刚创建的xcode工程HelloCordova.xcworkspace,接下来的手动集成步骤与native应用一致,请参考手动集成
添加百度移动统计Cordova插件
cordova plugin add cordova-plugin-baidumobstat --save
打开platform/ios下的工程HelloCordova.xcworkspace,在Classs/AppDelegate.m内添加百度移动统计的启动代码
#import "BaiduMobStat.h" // - (BOOL)application: didFinishLaunchingWithOptions: [[BaiduMobStat defaultStat] startWithAppId:@"xxx"];
在
www/js/index.js
内使用对应的BaiduMobStat的Api接口,具体接口详见下文。运行
cordova prepapre ios
,该指令会自动将Cordova项目的www文件夹下内容,复制到项目的iOS平台项目文件夹中。然后您可以使用Xcode 正常build调试。
API
JS的埋点Api,可以灵活使用,没有固定的调用场景,在JS代码的业务场景触发处埋点即可。
接口声明见下文。
具体调用示例,请参考样例程序,查看其中www/js/index.js文件
事件分析
无时长事件
// 接口声明
BaiduMobStat.onEvent(eventId, eventLabel);
// attributes 是以object形式传入的字典,如{'类型':'类型一', '数值': '3'}
BaiduMobStat.onEventWithAttributes(eventId, eventLabel, attributes);
// 调用示例
BaiduMobStat.onEvent('event1', '事件一');
BaiduMobStat.onEventWithAttributes('event4', '事件四', {'分类':'分类一'});
固定时长事件
// 接口声明
BaiduMobStat.onEventDuration(eventId, eventLabel, duration);
// attributes 是以object形式传入的字典,如{'类型':'类型一', '数值': '3'}
BaiduMobStat.onEventDurationWithAttributes(eventId, eventLabel, duration, attributes);
// 调用示例
BaiduMobStat.onEventDuration('event2', '事件二', 1000);
BaiduMobStat.onEventDurationWithAttributes('event5', '事件五', 1000, {'分类':'分类一'});
自定义时长事件
// 接口声明
BaiduMobStat.onEventStart(eventId, eventLabel);
BaiduMobStat.onEventEnd(eventId, eventLabel);
// attributes 是以object形式传入的字典,如{'类型':'类型一', '数值': '3'}
BaiduMobStat.onEventEndWithAttributes(eventId, eventLabel, attributes);
// 调用示例
BaiduMobStat.onEventStart('event6', '事件六');
BaiduMobStat.onEventEnd('event3', '事件三');
BaiduMobStat.onEventEndWithAttributes('event6', '事件六', {'分类':'分类一'});
页面分析
// 接口声明
BaiduMobStat.onPageStart(pageName);
BaiduMobStat.onPageEnd(pageName);
// 调用示例
BaiduMobStat.onPageStart('页面一');
BaiduMobStat.onPageEnd('页面一');