Ionic framework 添加mob未显示添加离子4应用程序

我想测试添加mob离子4应用程序。正在尝试此代码，但在android设备上运行时没有显示任何内容

尝试在我的应用程序中测试显示横幅广告

安装了这些插件和npm模块。 爱奥尼亚cordova插件添加cordova插件admob免费 npm安装@ionic native/admob free

这是我的版本 离子-v 5.2.3 节点-v10.16.0 npm-V6.9.0

在构造函数内调用show showAdmobBannerAds（）函数

constructor(private platform: Platform,private admobFree: AdMobFree) {
    this.platform.ready().then(() => { 
       this.showAdmobBannerAds()
    });
}

这是我的添加mob配置和功能

showAdmobBannerAds(){
    const bannerConfig: AdMobFreeBannerConfig = {
    id: "ca-app-pub-XXXXXX",
    isTesting: true,
    autoShow: true
    };
    this.admobFree.banner.config(bannerConfig);
    this.admobFree.banner.prepare().then(() => {
        console.log('inside add show');
    })
    .catch(e => console.log(e));    
}

---

预计将显示横幅添加。

我有一个解决方案使此动态：

运行以下命令：

ionic g service services/admob

将以下代码放入您生成的服务中：

import { Injectable } from '@angular/core';
import {AdMobFree, AdMobFreeBannerConfig} from '@ionic-native/admob-free/ngx';
import { Platform } from '@ionic/angular';

@Injectable({
  providedIn: 'root'
})
export class AdmobService {

  constructor(private admobFree: AdMobFree, public platform: Platform) { }

  BannerAd(admobid: string) {
    this.platform
      .ready()
      .then(() => {
        const bannerConfig: AdMobFreeBannerConfig = {
          id: admobid,
          isTesting: true,
          autoShow: false
        };
        this.admobFree.banner.config(bannerConfig);
        this.admobFree.banner
          .prepare()
          .then(() => {
            this.admobFree.banner.show();
          })
          .catch(e => console.log(e));
      })
      .catch(e => console.log(e));
  }
}

将服务注入您想要的页面，如下所示：

 constructor(private admob: AdmobService) { }

id = "YOUR ID";

 ngOnInit() {
    this.admob.BannerAd(this.id);
  }

然后调用

服务中的方法，如下所示：

 constructor(private admob: AdmobService) { }

id = "YOUR ID";

 ngOnInit() {
    this.admob.BannerAd(this.id);
  }

您现在有了一个可重用的服务

希望这对你有帮助