使用 Cordova 开发了个应用,想在里面植入广告来挣点小费,发现还真不容易,后面发现能够经过phonegap/cordova 百度移动联盟插件来实如今应用里面插入百度广告。html
百度联盟phonegap/cordova插件,是一个方便html5开发着使用的百度移动联盟插件,能很方便的在html5混合应用如cordova,xdk,appcan,webx5,jqmobile、sencha touch,ionic中接入百度ssp联盟广告, ios和android应用都支持,代码彻底同样无需修改,很方便。
下面是使用过程html5
安装phonegap/cordova百度移动联盟插件android
我最开始是使用的cordova命令行直接经过github远程的方式安装,在命令行中输入ios
cordova plugin add https://github.com/baidumobad/baidu-ssp-phonegap-plugin.gitgit
可是我网络很差安装失败,出现了以下错误github
我把插件下载到本地(下载地址https://github.com/baidumobad/baidu-ssp-phonegap-plugin),解压后经过本地输入命令 安装web
cordova plugin add D:\baidu-ssp-phonegap-plugin网络
执行完后,没有错误提示,项目下的plugins目录下多了个目录com.baidu.cordova.plugin.BaiduAdPlugin,安装成功app
phonegap/cordova应用插入百度移动广告的横幅广告ionic
在html中的js部分添加下面js代码,其中appID和bannerID是在百度移动ssp后台申请到的参数;其中appID就是百度移动联盟(http://ssp.baidu.com)里面的应用ID,banner ID是横幅代码位;baiduAd.AD_POSITION.BOTTOM_CENTER是广告位置,表示应用底部居中。还有其余的相对位置,具体能够看baiduAd.AD_POSITION.BOTTOM里面的常量。也可使用绝对定位,插件的例子里面有。为了方便我仍是使用的相对定位。
baiduAd.initBanner("appID", "bannerID");//初始化banner广告
baiduAd.showBanner(baiduAd.AD_POSITION.BOTTOM_CENTER);//用相对位置的方式展现广告,具体的相对位置的值AD_POSITION中
在phonegap/cordova应用中展现百度移动联盟插屏广告
在phonegap/cordova应用中展现百度移动联盟全屏广告,比banner的要略微复杂点,须要先cache加载全屏广告,等加载完后再showInterstitial来展现广告,直接showInterstitial是不会出现广告的。我是在全屏广告加载完后当即展现广告,固然根据本身的应用特色来,能够改为游戏结束的时候show。个人js代码以下。appID是应用ID,fullID是全屏广告位。
function onInterstitialReceive(message) {
baiduAd.showInterstitial();//加载完成后展现广告
}
document.addEventListener('onInterstitialReceive', onInterstitialReceive, false);//监听广告加载成功事件
baiduAd.initInterstitial("appID", "fullID");//建立广告
baiduAd.cacheInterstitial();//建立全屏完成后加载广告
移除广告
全屏广告是不须要代码移除的,用户点击关闭按钮后会隐藏移除。
横幅广告能够调用baiduAd.hideBanner()来移除。
百度移动广告phonegap/cordova插件其它注意点
1.Init函数都只须要调用一次,横幅后面直接show,全屏直接cache。
2.全屏展现完后须要从新cache
3.若是不是在全屏接收完成事件里面展现全屏广告,须要在展现前调用isInterstitialReady判断广告是否加载完成
4.更多的用法能够看插件目录下的Example目录的例子
5.若是有问题也能够加入交流群475496285
由于github有时候连接不上,我把百度移动联盟ssp 的phonegap/cordova插件上传到csdn,方便你们下载。