如何使用PhoneGap程序將AdMob廣告嵌入到你的HTML5 iOS遊戲中

若是你沒有AdMob帳戶,先註冊一個AdMob帳戶。

點擊「Monetize new app」按鈕。

若是它是一個新的應用程序,你仍然要發佈,選擇「Add your app manually」選項卡,命名你的應用程序,在這種狀況下選擇platform – iOS,而後點擊「Add app」選擇廣告形式,像你展現如何建立一個插播廣告,給它命名並保存,這個過程和橫幅是相同的。你應該添加他們。

寫下你的廣告單元ID,若是你尚未的話,就建立橫幅廣告類型。你應該結束有兩個廣告單元的ID,一個爲橫幅,另外一個爲插播。

時間切換到終端和應用的一些概念已經從HTML5到iOS與PhoneGap本地遊戲,從項目建立開始:
phonegap create demo com.admob.appdemo

一旦該項目建立,移動它的文件夾。
cd demo

而後安裝AdMob插件。
phonegap plugin add admob

將會自動安裝該插件「AdMob Plugin Pro」。

添加你的HTML5遊戲如上一步所示並啓動。
phonegap build ios

Xcode項目準備就緒。

最後,打開Xcode,並檢查插件是否已正確安裝,檢查「Staging」文件裏的「Plugins」 和「config.xml」文件。

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>

隨着PhoneGap的最新版本,在config.xml中列出來的插件是一種「feature」而此前列舉出來的則是「插件」。

如今咱們已經準備好包括橫幅和插頁式廣告進入咱們的遊戲,可是咱們須要注意的幾個代碼的技巧:首先,在index.html文件,你應該包括調用cordova.js。這是我在Phaser的遊戲製做:
admob.initAdmob("admob banner ID","admob interstitial ID");

遊戲自己應該設置一個「設備就緒」事件偵聽器,以下:
document.addEventListener(admob.Event.onInterstitialReceive, onInterstitialReceive, false);    //show in ad receive event fun need add receive listener
              admob.cacheInterstitial();                     // load admob Interstitial
              function onInterstitialReceive(message) {   //show in ad receive event fun
              admob.showInterstitial();
                          }

             function onGameOver(){           //call this fun to show when game over
            admob.isInterstitialReady(function(isReady){
            if(isReady){
            admob.showInterstitial();
            }
        });
  }

顯示一個橫幅,用createBanner方法:
admob.showBannerAbsolute(admob.BannerSize.BANNER,0,70);

看如何看模擬器。
首先建立一個插播,在水平的開始的時候預加載一段時間是必要的
function onAdmobEvent (message) {
    //do some on admob event
}

document.addEventListener(admob.Event.onBannerDismiss, onAdmobEvent, false);
document.addEventListener(admob.Event.onBannerFailedReceive, onAdmobEvent, false);
document.addEventListener(admob.Event.onBannerLeaveApplication, onAdmobEvent, false);
document.addEventListener(admob.Event.onBannerPresent, onAdmobEvent, false);
document.addEventListener(admob.Event.onBannerReceive, onAdmobEvent, false);
document.addEventListener(admob.Event.onInterstitialDismiss, onAdmobEvent, false);
document.addEventListener(admob.Event.onInterstitialFailedReceive, onAdmobEvent, false);
document.addEventListener(admob.Event.onInterstitialLeaveApplication, onAdmobEvent, false);
document.addEventListener(admob.Event.onInterstitialPresent, onAdmobEvent, false);
document.addEventListener(admob.Event.onInterstitialReceive, onAdmobEvent, false);

而後展現。
AdMob.showInterstitial();

如今你能夠使用AdMob廣告將HTML5遊戲添加植入到ios和PhoneGap中。html

相關文章
相關標籤/搜索