如何使用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