Cordova

百度移动统计现已提供Cordova插件的支持，对于基于Cordova开发的APP（或者Phonegap），您可以按如下步骤使用百度移动统计。

集成方法

  • 新建一个Cordava工程，关于如何新建一个cordova工程请参考cordova官方文档
  1. cordova create hello com.example.hello HelloWorld
  2. cd hello
  3. cordova platform add ios

  • 集成百度移动统计SDK，这里推荐手动集成方式 在Cordova创建的目录下，进入platforms/ios/目录，双击打开刚创建的xcode工程HelloCordova.xcworkspace，接下来的手动集成步骤与native应用一致，请参考手动集成

  • 添加百度移动统计Cordova插件

  1. cordova plugin add cordova-plugin-baidumobstat --save
  • 打开platform/ios下的工程HelloCordova.xcworkspace，在Classs/AppDelegate.m内添加百度移动统计的启动代码
  1. #import "BaiduMobStat.h"
  3. // - (BOOL)application: didFinishLaunchingWithOptions:
  4. [[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文件

事件分析

无时长事件

  1. // 接口声明
  2. BaiduMobStat.onEvent(eventId, eventLabel);
  3. // attributes 是以object形式传入的字典，如{'类型':'类型一', '数值': '3'}
  4. BaiduMobStat.onEventWithAttributes(eventId, eventLabel, attributes);
  6. // 调用示例
  7. BaiduMobStat.onEvent('event1', '事件一');
  8. BaiduMobStat.onEventWithAttributes('event4', '事件四', {'分类':'分类一'});

固定时长事件

  1. // 接口声明
  2. BaiduMobStat.onEventDuration(eventId, eventLabel, duration);
  3. // attributes 是以object形式传入的字典，如{'类型':'类型一', '数值': '3'}
  4. BaiduMobStat.onEventDurationWithAttributes(eventId, eventLabel, duration, attributes);
  6. // 调用示例
  7. BaiduMobStat.onEventDuration('event2', '事件二', 1000);
  8. BaiduMobStat.onEventDurationWithAttributes('event5', '事件五', 1000, {'分类':'分类一'});

自定义时长事件

  1. // 接口声明
  2. BaiduMobStat.onEventStart(eventId, eventLabel);
  3. BaiduMobStat.onEventEnd(eventId, eventLabel);
  4. // attributes 是以object形式传入的字典，如{'类型':'类型一', '数值': '3'}
  5. BaiduMobStat.onEventEndWithAttributes(eventId, eventLabel, attributes);
  7. // 调用示例
  8. BaiduMobStat.onEventStart('event6', '事件六');
  9. BaiduMobStat.onEventEnd('event3', '事件三');
  10. BaiduMobStat.onEventEndWithAttributes('event6', '事件六', {'分类':'分类一'});

页面分析

  1. // 接口声明
  2. BaiduMobStat.onPageStart(pageName);
  3. BaiduMobStat.onPageEnd(pageName);
  5. // 调用示例
  6. BaiduMobStat.onPageStart('页面一');
  7. BaiduMobStat.onPageEnd('页面一');