Ионный - Cordova AdMob

Плагин Cordova AdMob используется для встроенной рекламы. Мы будем использоватьadmobpro плагин в этой главе, так как admob устарел.

Использование AdMob

Чтобы иметь возможность использовать рекламу в своем приложении, вам необходимо зарегистрироваться в admob и создать баннер. Когда вы это сделаете, вы получитеAd Publisher ID.Поскольку эти шаги не являются частью Ionic framework, мы не будем их здесь объяснять. Вы можете выполнить действия службы поддержки Google здесь .

Вам также потребуется установить платформу Android или iOS, поскольку плагины Cordova работают только на собственных платформах. Мы уже обсуждали, как это сделать, в главе о настройке среды.

Плагин 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 или Windows Phone. Для этих платформ вы будете использовать только другой идентификатор. Вместо баннера вы можете использовать межстраничную рекламу, которая будет занимать весь экран.

Методы AdMob

В следующей таблице показаны методы, которые можно использовать с admob.

Метод Параметры Детали
createBanner (параметр1, параметр2, параметр3) adId / options, успех, неудача Используется для создания баннера.
removeBanner () / Используется для удаления баннера.
showBanner (параметр1) должность Используется для показа баннера.
showBannerAtXY (параметр1, параметр2) х, у Используется для показа баннера в указанном месте.
hideBanner (); / Используется для скрытия баннера.
prepareInterstitial (параметр1, параметр2, параметр3) adId / options, успех, неудача Используется для изготовления межстраничного объявления.
showInterstitial (); / Используется для показа межстраничных объявлений.
setOptions (параметр1, параметр2, параметр3) варианты, успех, неудача Используется для установки значения по умолчанию для других методов.

События AdMob

В следующей таблице показаны события, которые можно использовать с admob.

Событие Детали
onAdLoaded Вызывается при загрузке объявления.
onAdFailLoad Вызывается, когда объявление не загружается.
onAdPresent Вызывается, когда объявление будет показано на экране.
onAdDismiss Вызывается, когда объявление закрывается.
onAdLeaveApp Вызывается, когда пользователь покидает приложение, нажимая на объявление.

Вы можете обработать эти события, следуя приведенному ниже примеру.

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