Ionic - Cordova AdMob

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

使用 AdMob

要在应用中使用广告，您需要注册 AdMob 并创建一个横幅广告。完成此操作后，您将获得 Ad Publisher 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' // 将此更改为您的横幅 Ad Unit Id...
   };

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

输出效果如下图所示。

相同的代码可用于 iOS 或 Windows Phone。您只需为这些平台使用不同的 ID。除了横幅广告，您还可以使用插页式广告，该广告将覆盖整个屏幕。

AdMob 方法

下表列出了可与 AdMob 一起使用的方法。

AdMob 事件

下表列出了可与 AdMob 一起使用的事件。

您可以通过以下示例处理这些事件。

document.addEventListener('onAdLoaded', function(e){
   // 处理事件...
});