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

在这篇文章中咱们将展现如何添加横幅广告到你的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