如何使用AdMob Pro插件添加横幅广告到PhoneGap应用程序

为什么80%的码农都做不了架构师？>>>   

在这篇文章中我们将展示如何添加横幅广告到你的PhoneGap引用程序。我们将在一个空白的应用程序里操作，但你可以在你的现有应用程序里操作。所需代码请在这里下载：https://github.com/admob-google/admob-cordova

步骤1)
我们会先发出下面的命令创建一个新的PhoneGap项目
Phonegap create bannerPro
如果你想知道关于PhoneGap的语法
Phonegap create [appName] [appId-optional]

步骤2)
现在我们需要添加这个平台到我们的应用程序。因此，将执行以下命令
Phonegap platform add android
你可以添加到IOS，只需更换“android”为“IOS”。

步骤3)
我们将使用AdMob cordova插件将需要下载它在我们的项目中。我们将将执行以下命令
Phonegap plugin add admob
你可以阅读更多关于Admob pro插件的文档

步骤4)
在本教程中我们将使用一个简单的index.html文件，你可以使用现有的文件


步骤6)
现在我们通过添加实际的javaScript代码来看问题
在JavaScript中我们首先要做的是结合phoneGap的deviceready事件
   function domLoaded(){
  document.addEventListener("deviceready", onDeviceReady, false);
}

现在，当设备准备就绪，我们将执行添加代码。你可以在通过编写代码做到这一点。
function onDeviceReady(){
 admob.initAdmob("admob banner ID","admob interstitial ID");
}

随着autoShow在AdMob.createBanner被设置为true，功能会显示广告就准备好了，但是你可以将它设置为false，，当用户点击一个按钮或导航到另一个页面等等，以显示广告的应用程序的开始，但它是有益的。

这里是完整的JavaScript文件：
admob.showBanner(admob.BannerSize.BANNER,admob.Position.TOP_APP);//show banner at the top of app

转载于:https://my.oschina.net/bbk121/blog/621635