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

Posted 2020-06-16

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