码迷,mamicode.com
首页 > 移动开发 > 详细

如何使用PhoneGap程序将AdMob广告嵌入到你的HTML5 iOS游戏中

时间:2016-02-26 11:50:28      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

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

如何使用PhoneGap程序将AdMob广告嵌入到你的HTML5 iOS游戏中

标签:

原文地址:http://www.cnblogs.com/happy2015689/p/5219561.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!