Ionic-Cordova AdMob

Cordova AdMobプラグインは、広告をネイティブに統合するために使用されます。を使用しますadmobpro admobは非推奨であるため、この章のプラグイン。

AdMobの使用

アプリで広告を使用できるようにするには、AdMobに登録してバナーを作成する必要があります。これを行うと、Ad Publisher ID.これらの手順はIonicフレームワークの一部ではないため、ここでは説明しません。こちらのGoogleサポートチームの手順に従うことができます。

Cordovaプラグインはネイティブプラットフォームでのみ機能するため、AndroidまたはiOSプラットフォームもインストールする必要があります。これを行う方法については、環境設定の章ですでに説明しました。

AdMobプラグインはコマンドプロンプトウィンドウにインストールできます。

C:\Users\Username\Desktop\MyApp> cordova plugin add cordova-plugin-admobpro

プラグインをインストールしたので、使用する前にデバイスの準備ができているかどうかを確認する必要があります。これが、次のコードをに追加する必要がある理由です。$ionicPlatform.ready 内部の機能 app.js

if( ionic.Platform.isAndroid() )  { 
   admobid = { // for Android
      banner: 'ca-app-pub-xxx/xxx' // Change this to your Ad Unit Id for banner...
   };

   if(AdMob) 
      AdMob.createBanner( {
         adId:admobid.banner, 
         position:AdMob.AD_POSITION.BOTTOM_CENTER, 
         autoShow:true
      } );
}

次のスクリーンショットに示すように、出力は次のようになります。

同じコードをiOSまたはWindowsPhoneに適用できます。これらのプラットフォームには異なるIDのみを使用します。バナーの代わりに、画面全体をカバーするインタースティシャル広告を使用できます。

AdMobメソッド

次の表に、admobで使用できるメソッドを示します。

方法 パラメーター 詳細
createBanner(parameter1、parameter2、parameter3) adId / options、成功、失敗 バナーの作成に使用されます。
removeBanner() / バナーを削除するために使用されます。
showBanner(parameter1) ポジション バナーを表示するために使用されます。
showBannerAtXY(parameter1、parameter2) x、y 指定した場所にバナーを表示するために使用します。
hideBanner(); / バナーを非表示にするために使用されます。
prepareInterstitial(parameter1、parameter2、parameter3) adId / options、成功、失敗 インタースティシャルの準備に使用されます。
showInterstitial(); / インタースティシャルを表示するために使用されます。
setOptions(parameter1、parameter2、parameter3) オプション、成功、失敗 他のメソッドのデフォルト値を設定するために使用されます。

AdMobイベント

次の表に、admobで使用できるイベントを示します。

イベント 詳細
onAdLoaded 広告が読み込まれたときに呼び出されます。
onAdFailLoad 広告の読み込みに失敗したときに呼び出されます。
onAdPresent 広告が画面に表示されるときに呼び出されます。
onAdDismiss 広告が却下されたときに呼び出されます。
onAdLeaveApp ユーザーが広告をクリックしてアプリを離れたときに呼び出されます。

以下の例に従って、これらのイベントを処理できます。

document.addEventListener('onAdLoaded', function(e){
   // Handle the event...
});