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

  1. 如果你没有AdMob账户,先注册一个AdMob账户。
  2. 点击“Monetize new app”按钮。
  3. 如果它是一个新的应用程序,你仍然要发布,选择“Add your app manually”选项卡,命名你的应用程序,在这种情况下选择platform – iOS,然后点击“Add app”选择广告形式,像你展示如何创建一个插播广告,给它命名并保存,这个过程和横幅是相同的。你应该添加他们。
  4. 写下你的广告单元ID,如果你还没有的话,就创建横幅广告类型。你应该结束有两个广告单元的ID,一个为横幅,另一个为插播。
  5. 时间切换到终端和应用的一些概念已经从HTML5到iOS与PhoneGap本地游戏,从项目创建开始:
  6. phonegap create demo com.admob.appdemo
  7. 一旦该项目创建,移动它的文件夹。
  8. cd demo
  9. 然后安装AdMob插件。
  10. phonegap plugin add admob
  11. 将会自动安装该插件“AdMob Plugin Pro”。
  12. 添加你的HTML5游戏如上一步所示并启动。
  13. phonegap build ios
  14. Xcode项目准备就绪。
  15. 最后,打开Xcode,并检查插件是否已正确安装,检查“Staging”文件里的“Plugins” 和“config.xml”文件。
  16. <uses-permission android:name="android.permission.INTERNET"/>
  17. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
  18. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
  19. 随着PhoneGap的最新版本,在config.xml中列出来的插件是一种“feature”而此前列举出来的则是“插件”。
  20. 现在我们已经准备好包括横幅和插页式广告进入我们的游戏,但是我们需要注意的几个代码的技巧:首先,在index.html文件,你应该包括调用cordova.js。这是我在Phaser的游戏制作:
  21. admob.initAdmob("admob banner ID","admob interstitial ID");
  22. 游戏本身应该设置一个“设备就绪”事件侦听器,如下:
  23. document.addEventListener(admob.Event.onInterstitialReceive, onInterstitialReceive, false); //show in ad receive event fun need add receive listener
  24. admob.cacheInterstitial(); // load admob Interstitial
  25. function onInterstitialReceive(message) { //show in ad receive event fun
  26. admob.showInterstitial();
  27. function onGameOver(){ //call this fun to show when game over
  28. admob.isInterstitialReady(function(isReady){
  29. if(isReady){
  30. admob.showInterstitial();
  31. });
  32. 显示一个横幅,用createBanner方法:
  33. admob.showBannerAbsolute(admob.BannerSize.BANNER,0,70);
  34. 看如何看模拟器。
  35. 首先创建一个插播,在水平的开始的时候预加载一段时间是必要的
  36. function onAdmobEvent (message) {
  37. //do some on admob event
  38. document.addEventListener(admob.Event.onBannerDismiss, onAdmobEvent, false);
  39. document.addEventListener(admob.Event.onBannerFailedReceive, onAdmobEvent, false);
  40. document.addEventListener(admob.Event.onBannerLeaveApplication, onAdmobEvent, false);
  41. document.addEventListener(admob.Event.onBannerPresent, onAdmobEvent, false);
  42. document.addEventListener(admob.Event.onBannerReceive, onAdmobEvent, false);
  43. document.addEventListener(admob.Event.onInterstitialDismiss, onAdmobEvent, false);
  44. document.addEventListener(admob.Event.onInterstitialFailedReceive, onAdmobEvent, false);
  45. document.addEventListener(admob.Event.onInterstitialLeaveApplication, onAdmobEvent, false);
  46. document.addEventListener(admob.Event.onInterstitialPresent, onAdmobEvent, false);
  47. document.addEventListener(admob.Event.onInterstitialReceive, onAdmobEvent, false);
  48. 然后展示。
  49. AdMob.showInterstitial();
  50. 现在你可以使用AdMob广告将HTML5游戏添加植入到ios和PhoneGap中。
我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章