AdMob
Cordovaの問題で困っていますか?

本格的なプロジェクトを構築している場合、トラブルシューティングに時間を費やす余裕はありません。Ionicのエキスパートが、保守、サポート、統合に関する公式サポートを提供しています。
インストール
Ionic Native Enterprise はIonic Teamが完全にサポートしメンテナンスしているプラグインを利用できます。 詳しくみる か、 エンタープライズプラグインに興味があれば 連絡ください
サポートしているプラットフォーム
- Android
- iOS
- Browser
利用方法
React
Angular
Note: No ads will be served on apps with package name
io.ionic.starter
. This is the default package name for new
ionic
apps. Make sure to rename the package name so ads can be displayed.
import { Admob, AdmobOptions } from '@ionic-native/admob';
constructor(private admob: Admob) {
// Admob options config
const admobOptions: AdmobOptions = {
bannerAdId: 'XXX-XXXX-XXXX',
interstitialAdId: 'XXX-XXXX-XXXX',
rewardedAdId: 'XXX-XXXX-XXXX',
isTesting: true,
autoShowBanner: false,
autoShowInterstitial: false,
autoShowRewarded: false,
adSize: this.admob.AD_SIZE.BANNER
};
// Set admob options
this.admob.setOptions(admobOptions)
.then(() => console.log('Admob options have been successfully set'))
.catch(err => console.error('Error setting admob options:', err));
}
// (Optionally) Load banner ad, in order to have it ready to show
this.admob.createBannerView()
.then(() => console.log('Banner ad loaded'))
.catch(err => console.error('Error loading banner ad:', err));
// Show banner ad (createBannerView must be called before and onAdLoaded() event raised)
this.admob.onAdLoaded().subscribe((ad) => {
if (ad.adType === this.admob.AD_TYPE.BANNER) {
this.admob.showBannerAd()
.then(() => console.log('Banner ad shown'))
.catch(err => console.error('Error showing banner ad:', err));
}
});
// Hide banner ad, but do not destroy it, so it can be shown later on
// See destroyBannerView in order to hide and destroy banner ad
this.admob.showBannerAd(false)
.then(() => console.log('Banner ad hidden'))
.catch(err => console.error('Error hiding banner ad:', err));
// Request an interstitial ad, in order to be shown later on
// It is possible to autoshow it via options parameter, see docs
this.admob.requestInterstitialAd()
.then(() => console.log('Interstitial ad loaded'))
.catch(err => console.error('Error loading interstitial ad:', err));
// Show an interstitial ad (requestInterstitialAd must be called before)
this.admob.onAdLoaded().subscribe((ad) => {
if (ad.adType === this.admob.AD_TYPE.INTERSTITIAL) {
this.admob.showInterstitialAd()
.then(() => console.log('Interstitial ad shown'))
.catch(err => console.error('Error showing interstitial ad:', err));
}
});
// Request a rewarded ad
this.admob.requestRewardedAd()
.then(() => console.log('Rewarded ad loaded'))
.catch(err => console.error('Error loading rewarded ad:', err));
// Show rewarded ad (requestRewardedAd must be called before)
this.admob.onAdLoaded().subscribe((ad) => {
if (ad.adType === this.admob.AD_TYPE.REWARDED) {
this.admob.showRewardedAd()
.then(() => console.log('Rewarded ad shown'))
.catch(err => console.error('Error showing rewarded ad:', err));
}
});
// Hide and destroy banner or interstitial ad
this.admob.destroyBannerView()
.then(() => console.log('Banner or interstitial ad destroyed'))
.catch(err => console.error('Error destroying banner or interstitial ad:', err));
// On Ad loaded event
this.admob.onAdLoaded().subscribe((ad) => {
if (ad.adType === this.admob.AD_TYPE.BANNER) {
console.log('Banner ad is loaded');
this.admob.showBannerAd();
} else if (ad.adType === this.admob.AD_TYPE.INTERSTITIAL) {
console.log('Interstitial ad is loaded');
this.admob.showInterstitialAd();
} else if (ad.adType === this.admob.AD_TYPE.REWARDED) {
console.log('Rewarded ad is loaded');
this.admob.showRewardedAd();
}
});
// On ad failed to load
this.admob.onAdFailedToLoad().subscribe(err => console.log('Error loading ad:', err));
// On interstitial ad opened
this.admob.onAdOpened().subscribe(() => console.log('Interstitial ad opened'));
// On interstitial ad closed
this.admob.onAdClosed().subscribe(() => console.log('Interstitial ad closed'));
// On ad clicked and left application
this.admob.onAdLeftApplication().subscribe(() => console.log('Ad lefted application'));
// On user ad rewarded
this.admob.onRewardedAd().subscribe(() => console.log('The user has been rewarded'));
// On rewarded ad video started
this.admob.onRewardedAdVideoStarted().subscribe(() => console.log('Rewarded ad vieo started'));
// On rewarded ad video completed
this.admob.onRewardedAdVideoCompleted().subscribe(() => console.log('Rewarded ad video completed'));