Последние 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 дня. :)