phonegap 添加admob广告教程

admob phonegap(cordova) plugin

admob phonegap 插件也叫cordova admob 插件 ，同时支持支持ios和android

基于 phonegap 3.4 ， cordova 3.5 ,admob ios sdk 6.10.0 ,admob google play service 4.5创建编译
教程代码:

Google code: http://code.google.com/p/admob-phonegap/

Sourceforge: http://sourceforge.net/p/phonegap-admob/wiki/Home/

phonegap官方教程网站: http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-line%20Interface 

怎样给phonegap 添加google admob 插件?

使用cordova命令
先下载教程代码 ，假设保存到c:\phonegap-admob-plugin，使用如下命令安装

cordova plugin add c:\phonegap-admob-plugin 

也可以使用cordova命令在线安装

cordova plugin add com.admob.admobplugin

如果使用phonegap命令安装admob插件则只能先下载到本地然后安装

phonegap plugin add c:\phonegap-admob-plugin 

在相对位置显示admob banner广告，注意设置admob广告ID

admobAd.initBanner("your admob id here", admobAd.AD_SIZE.BANNER.width, admobAd.AD_SIZE.BANNER.height);//create admob banner
admobAd.showBanner(admobAd.AD_POSITION.BOTTOM_CENTER);//show banner at the bottom center 

在phonegap应用中绝对定位展示admob广告

admobAd.initBanner("your admob id here", admobAd.AD_SIZE.BANNER.width, admobAd.AD_SIZE.BANNER.height);//create admob banner
admobAd.showBannerAbsolute(0,100);//show banner at absolute position

通过phonegap admob 插件在phonegap应用中显示admob的全屏广告：

 function onInterstitialReceive(message) {
     admobAd.showInterstitial();//show Interstitial after receive or after game over
 }

  document.addEventListener(admobAd.AdEvent.onInterstitialReceive, onInterstitialReceive, false);//handler admob event
  admobAd.initInterstitial("your admob id here");//create Interstitial ad
  admobAd.cacheInterstitial();// load admob Interstitial

处理admob广告的各种事件

你可以像上面处理onInterstitialReceive一样处理admob的其他各种事件，admob所有的事件常量都在admobAd.AdEvent中

function onAdmobEvent (message) {
    //do some on admob event
}
document.addEventListener('onAdmobBannerDismiss', onAdmobEvent, false);
document.addEventListener('onAdmobBannerFailedReceive', onAdmobEvent, false);
document.addEventListener('onAdmobBannerLeaveApplication', onAdmobEvent, false);
document.addEventListener('onAdmobBannerPresent', onAdmobEvent, false);
document.addEventListener('onAdmobBannerReceive', onAdmobEvent, false);
document.addEventListener('onAdmobInterstitialDismiss', onAdmobEvent, false);
document.addEventListener('onAdmobInterstitialFailedReceive', onAdmobEvent, false);
document.addEventListener('onAdmobInterstitialLeaveApplication', onAdmobEvent, false);
document.addEventListener('onAdmobInterstitialPresent', onAdmobEvent, false);
document.addEventListener('onAdmobInterstitialReceive', onAdmobEvent, false);

其他功能

1.怎么关闭隐藏admob banner广告

admobAd.hideBanner()

2.怎么判断admob全屏广告是否加载完成

admobAd.isInterstitialReady(function(isReady){
    if(isReady){
        alert("admob Interstitial loaded");
    }
});

3更多更详细的使用就直接看代码吧，例子代码都在 Example 文件夹里面

最后上代码

Google code: http://code.google.com/p/admob-phonegap/

Sourceforge: http://sourceforge.net/p/phonegap-admob/wiki/Home/

有问题可以联系:gooogleadmob@gmail.com交流