如果你没有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中。