Ionic AdMob

Cordova AdMob插件用于本地集成广告。我们将在本章中使用 admobpro 插件，因为admob已被弃用。

使用AdMob

为了能够在您的应用中使用广告，您需要注册admob并创建横幅广告。执行此操作时，您将获得 广告发布商ID。 由于这些步骤不是Ionic框架的一部分，因此我们不在此解释。您可以在此处按照Google支持小组的步骤进行操作。

您还需要安装Android或iOS平台，因为cordova插件仅适用于本机平台。我们已经在环境设置章节中讨论了如何执行此操作。

AdMob插件可以安装在命令提示符窗口中。

C:\Users\Username\Desktop\MyApp> cordova plugin add cordova-plugin-admobpro

现在我们已经安装了插件，我们需要先检查设备是否准备就绪才能使用它。这就是为什么我们需要在 app.js 里面的 $ ionicPlatform.ready 函数中添加以下代码。

if ( ionic.Platform.isAndroid() )  {
   admobid = { // for Android
      banner: 'ca-app-pub-xxx/xxx' // Change this to your Ad Unit Id for banner...
   };

   if(AdMob)
      AdMob.createBanner( {
         adId:admobid.banner,
         position:AdMob.AD_POSITION.BOTTOM_CENTER,
         autoShow:true
      } );
}

输出将如以下屏幕截图所示。

Ionic Cordova Admob

相同的代码可以应用于iOS或Windows Phone。您只能为这些平台使用不同的ID。您可以使用覆盖整个屏幕的插页式广告，而不是横幅广告。

AdMob方法

下表显示了可以与admob一起使用的方法。

方法	参数	详细
createBanner(parameter1, parameter2, parameter3)	adId/options, success, fail	用于创建横幅。
removeBanner()	/	用于删除横幅。
showBanner(parameter1)	position	用于显示横幅。
showBannerAtXY(parameter1, parameter2)	x, y	用于在指定位置显示横幅。
hideBanner();	/	用于隐藏横幅。
prepareInterstitial(parameter1, parameter2, parameter3)	adId/options, success, fail	用于准备插页式广告。
showInterstitial();	/	用于显示插页式广告。
setOptions(parameter1, parameter2, parameter3)	options, success, fail	用于设置其他方法的默认值。

AdMob活动

下表显示了可以与admob一起使用的事件。

事件	详细
onAdLoaded	广告加载时调用。
onAdFailLoad	广告加载失败时调用。
onAdPresent	广告将在屏幕上显示时调用。
onAdDismiss	广告被解雇时调用。
onAdLeaveApp	用户通过点击广告离开应用时调用。

您可以按照以下示例处理这些事件。

document.addEventListener('onAdLoaded', function(e){
   // Handle the event...
});