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 또는 Windows Phone에 동일한 코드를 적용 할 수 있습니다. 이러한 플랫폼에는 다른 ID 만 사용합니다. 배너 대신 전체 화면을 덮는 전면 광고를 사용할 수 있습니다.

AdMob 방법

다음 표는 AdMob과 함께 사용할 수있는 방법을 보여줍니다.

방법 매개 변수 세부
createBanner (parameter1, parameter2, parameter3) adId / options, success, fail 배너를 만드는 데 사용됩니다.
removeBanner () / 배너를 제거하는 데 사용됩니다.
showBanner (매개 변수 1) 위치 배너를 표시하는 데 사용됩니다.
showBannerAtXY (매개 변수 1, 매개 변수 2) x, y 지정된 위치에 배너를 표시하는 데 사용됩니다.
hideBanner (); / 배너를 숨기는 데 사용됩니다.
prepareInterstitial (parameter1, parameter2, parameter3) adId / options, success, fail 전면 광고를 준비하는 데 사용됩니다.
showInterstitial (); / 전면 광고를 표시하는 데 사용됩니다.
setOptions (parameter1, parameter2, parameter3) 옵션, 성공, 실패 다른 방법의 기본값을 설정하는 데 사용됩니다.

AdMob 이벤트

다음 표는 AdMob과 함께 사용할 수있는 이벤트를 보여줍니다.

행사 세부
onAdLoaded 광고가로드 될 때 호출됩니다.
onAdFailLoad 광고로드에 실패하면 호출됩니다.
onAdPresent 광고가 화면에 표시 될 때 호출됩니다.
onAdDismiss 광고가 닫힐 때 호출됩니다.
onAdLeaveApp 사용자가 광고를 클릭하여 앱을 종료 할 때 호출됩니다.

아래 예제에 따라 이러한 이벤트를 처리 할 수 ​​있습니다.

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