Cordova

优质
小牛编辑
145浏览
2023-12-01

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

集成方法

  1. 新建一个Cordava工程,关于如何新建一个cordova工程请参考cordova官方文档

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

  3. 添加百度移动统计Cordova插件

    cordova plugin add cordova-plugin-baidumobstat --save
    
  4. 打开platform/ios下的工程HelloCordova.xcworkspace,在Classs/AppDelegate.m内添加百度移动统计的启动代码

    #import "BaiduMobStat.h"
    
    // - (BOOL)application: didFinishLaunchingWithOptions:
    [[BaiduMobStat defaultStat] startWithAppId:@"xxx"];
    
  5. www/js/index.js内使用对应的BaiduMobStat的Api接口,具体接口详见下文。

  6. 运行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('页面一');