使用 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，方便你們下載。