Ionic-Cordova AdMob

介绍

Ionic-Cordova AdMob是一个在Ionic/Cordova应用程序中使用广告的插件。它是基于Google AdMob SDK构建的，可以在Android和iOS平台上使用。

特点

• 支持Banner和全屏插页式广告（Interstitial Ads）。
• 在不同大小的屏幕上自动调整Banner广告的大小。
• 可以设置广告位置，如顶部/底部/中间等。
• 支持自定义广告大小和位置。
• 支持部分屏幕广告（Smart Banners）。
• 支持黑名单功能，可以在应用程序中配置不想显示的广告类别。

安装

首先，要在Cordova/Ionic项目中安装cordova-plugin-admob-free插件。执行以下命令：

cordova plugin add cordova-plugin-admob-free --save

然后，导入AdMob插件：

import { AdMobFree } from '@ionic-native/admob-free/ngx';

使用

在使用之前，必须先在AdMob官方网站上注册，创建应用程序和广告单元。注册后，可以得到一个应用程序ID和广告单元ID。使用以下代码初始化AdMob：

constructor(private admobFree: AdMobFree) {
  this.admobFree.interstitial.config({
    id: 'YOUR_AD_UNIT_ID',
    isTesting: true,
    autoShow: false
  });
}

有关更多配置选项，请参见官方文档。现在，可以在程序中显示广告了。例如，在显示全屏广告时，可以使用以下方法：

this.admobFree.interstitial.prepare()
  .then(() => {
    // Ad was successfully prepared
  });

this.admobFree.interstitial.show()
  .then(() => {
    // Ad was successfully shown
  });

要显示Banner广告，请使用以下代码：

// Set the position of the banner
let position = 'bottom';
// Create a new banner with your ad unit ID
const bannerConfig: AdMobFreeBannerConfig = {
  id: 'YOUR_AD_UNIT_ID',
  autoShow: true
};
// Show the banner
this.admobFree.banner.config(bannerConfig);
this.admobFree.banner.show(position);

请注意，必须在平台初始化之后才能调用这些方法。如下所示：

this.platform.ready().then(() => {
  this.admobFree.banner.config(bannerConfig);
  this.admobFree.banner.show(position);
});

总结

Ionic-Cordova AdMob是一个基于Google AdMob SDK的插件，可在Ionic/Cordova应用程序中使用。它支持Banner和全屏插页式广告，可以自动调整大小和位置。此外，还支持自定义广告大小和位置，部分屏幕广告和黑名单功能等。安装和使用也非常简单。如果要使用广告推广应用程序，Ionic-Cordova AdMob是不错的选择。