Ionic - Cordova 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
      } );
}

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

相同的代码可以应用于 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...
});

打印页面