IONIC 3 - AdMob Free не работает, даже если для isTesting задано значение true

Question

Последние 3 дня я пытаюсь запустить Google AdMob в приложении Ionic 3. Шаги, за которыми я следовал:

1. Создано приложение Ionic 3 добавлено AdMob бесплатно.

2. Чтобы проверить, прекратила ли реклама моя учетная запись AdMob, создайте собственный пример приложения для Android, в котором баннеры начали показываться в режиме реального времени. Реальная реклама, а не тест.

3. Создайте новое приложение-образец Ionic 3, но пока безуспешно.

Кто-нибудь сталкивался с подобной проблемой? Пожалуйста, помогите Дайте мне знать, если что-то осталось, что я забыл следовать.

Я следовал инструкциям, приведенным здесь

Вот мой код:

Установлены эти пакеты:

cordova plugin add cordova-plugin-admob-free --save
npm install @ionic-native/admob-free --save

app.module.ts

    import { BrowserModule } from '@angular/platform-browser';
    import { ErrorHandler, NgModule } from '@angular/core';
    import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
    import { SplashScreen } from '@ionic-native/splash-screen';
    import { StatusBar } from '@ionic-native/status-bar';

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

    import { MyApp } from './app.component';
    import { HomePage } from '../pages/home/home';



    @NgModule({
      declarations: [
        MyApp,
        HomePage
      ],
      imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp)
      ],
      bootstrap: [IonicApp],
      entryComponents: [
        MyApp,
        HomePage
      ],
      providers: [
        StatusBar,
        SplashScreen,
        AdMobFree,
        {provide: ErrorHandler, useClass: IonicErrorHandler}
      ]
    })
    export class AppModule {}

home.ts

    import { Component } from '@angular/core';
    import { NavController } from 'ionic-angular';
    import { AdMobFree, AdMobFreeBannerConfig, AdMobFreeInterstitialConfig, AdMobFreeRewardVideoConfig } from '@ionic-native/admob-free';

    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {

      constructor(public navCtrl: NavController,public admobFree: AdMobFree) {

      }

      showBannerAd() {

          let bannerConfig: AdMobFreeBannerConfig = {
              isTesting: true, // Remove in production
              autoShow: true//,
              //id: "ca-app-pub-3940256099942544/6300978111"
          };
          this.admobFree.banner.config(bannerConfig);

          this.admobFree.banner.prepare().then(() => {
              alert("bannerConfig");
          }).catch(e => alert(e));
      }



      showInterstitialAds(){
          let interstitialConfig: AdMobFreeInterstitialConfig = {
              isTesting: true, // Remove in production
              autoShow: true//,
              //id: "ca-app-pub-3940256099942544/1033173712"
          };
          this.admobFree.interstitial.config(interstitialConfig);
          this.admobFree.interstitial.prepare().then(() => {
            alert("interstitialConfig");
          }).catch(e => alert(e));
      }

      showRewardVideoAds(){
          let RewardVideoConfig: AdMobFreeRewardVideoConfig = {
              isTesting: true, // Remove in production
              autoShow: true//,
              //id: "ca-app-pub-3940256099942544/5224354917"
          };
          this.admobFree.rewardVideo.config(RewardVideoConfig);
          this.admobFree.rewardVideo.prepare().then(() => {
            alert("RewardVideoConfig");
          }).catch(e => alert(e));
      }


    }

home.html

    <ion-header>
      <ion-navbar>
        <ion-title>
          Ionic Blank
        </ion-title>
      </ion-navbar>
    </ion-header>

    <ion-content padding>
      The world is your oyster.
      <p>
        If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
      </p>

      <button ion-button (click)="showBannerAd()">showBannerAd</button>
      <button ion-button (click)="showInterstitialAds()">showInterstitialAds</button>
      <button ion-button (click)="showRewardVideoAds()">showRewardVideoAds</button>
    </ion-content>

ОБНОВЛЕНИЕ: наконец-то! Объявления показываются. может быть, это займет 2-3 дня.:)

Answer 1

Просто попробуйте это в командной строке (поместите ваш идентификатор приложения между ""):

плагин Cordova добавить Cordova-плагин-без привязки --save --variable ADMOB_APP_ID = "YOUR_APP_ID"

пример:

Cordova плагин добавить Cordova-плагин-без привязки --save --variable ADMOB_APP_ID="ca-app-pub-90001987983570300~8789081597"

Answer 2

Обязательно протестируйте его только в эмуляторе, иначе вы получите ошибку "плагин не установлен".