admob移动广告phonegap插件使用教程
admob phonegap(cordova)插件,能很方便的在html5 hybrid应用(如cordova,xdk,appcan,webx5,jqmobile、sencha touch,ionic)中接入admob,支持ios和android平台。基于phonegap 3.4或cordova 3.5编译
怎么在html5应用中加入admob广告呢?可以使用cordova命令行远程或者本地方式安装本admob插件
在命令行中输入
cordovaplugin add https://github.com/admob-google/admob-cordova.git
或者把插件下载到本地解压后输入命令
cordovaplugin add c:\admob-cordova
在phonegap类的html5应用中展示admob横幅类型广告
测试前把appID和bannerID替换为你在admob申请到的真实的参数
admob.initAdmob("admob banner ID","admobinterstitial ID");//初始化banner广告
admob.showBanner(admob.BannerSize.BANNER,admob.Position.TOP_APP);
在phonegap类型的html5应用中展示admob插屏广告:
在cordova应用中展示admob全屏插屏广告
document.addEventListener(admob.Event.onInterstitialReceive,onInterstitialReceive, false);//show in ad receive event fun need add receivelistener
admob.cacheInterstitial();// load admobInterstitial
function onInterstitialReceive(message){//show in ad receive event fun
admob.showInterstitial();
}
function onGameOver(){//call this fun to showwhen game over
admob.isInterstitialReady(function(isReady){
if(isReady){
admob.showInterstitial();
}
});
}
admob广告事件的处理
监听处理广告中的事件,例如监听广告接收成功事件例子参考上面展示全屏广告,事件类型定义在AdEvent中
更多接口admob.hideBanner()admob.isInterstitialReady(function(isReady){
if(isReady){
alert("admob Interstitial loaded");
}
});
接口的完整使用方式参考demo下代码
admob移动广告phonegap插件官方网址:https://github.com/admob-google/admob-cordovaadmob广告官方网站apps.admob.com