若是你沒有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