Учебники

Ionic — Cordova AdMob

Сентябрь 12, 2018

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

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

Чтобы иметь возможность использовать рекламу в своем приложении, вам нужно зарегистрироваться, чтобы добавить его и создать баннер. Когда вы это сделаете, вы получите идентификатор издателя рекламы. Поскольку эти шаги не являются частью 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, success, fail Используется для создания баннера.
removeBanner () / Используется для удаления баннера.
showBanner (параметр1) позиция Используется для показа баннера.
showBannerAtXY (параметр1, параметр2) х, у Используется для показа баннера в указанном месте.
hideBanner (); / Используется для сокрытия баннера.
prepareInterstitial (параметр1, параметр2, параметр3) adId / options, success, fail Используется для приготовления интерстициальных.
showInterstitial (); / Используется для показа интерстициальных.
setOptions (параметр1, параметр2, параметр3) варианты, успех, неудача Используется для установки значения по умолчанию для других методов.

События AdMob

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

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

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

48
Share: