آموزش Cordova AdMob در برنامه نویسی آیونیک

4 سال پیش

امتیاز دهید post

آموزش Cordova AdMob در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش Cordova AdMob در برنامه نویسی آیونیک خواهیم پرداخت.

افزونه Cordova AdMob برای ادغام تبلیغات بومی استفاده می شود. ما از افزونه admobpro در این فصل استفاده خواهیم کرد ، زیرا admob منسوخ شده است.

استفاده از AdMob

برای اینکه بتوانید از تبلیغات در برنامه خود استفاده کنید ، باید برای admob وارد سیستم شوید و یک بنر ایجاد کنید. هنگامی که این کار را انجام می دهید ، یک شناسه ناشر تبلیغ دریافت می کنید. از آنجا که این مراحل بخشی از چارچوب Ionic نیستند ، در اینجا توضیح نمی دهیم. می توانید مراحل مربوط به تیم پشتیبانی Google را در اینجا دنبال کنید.

شما همچنین باید سیستم عامل اندروید یا iOS را نصب کنید ، زیرا افزونه های cordova فقط در سیستم عامل های بومی کار می کنند. ما قبلاً در مورد چگونگی انجام این کار در فصل تنظیم محیط خود بحث کرده ایم.

افزونه AdMob را می توان در پنجره خط فرمان نصب کرد.

C: \ Users \ Username \ Desktop \ MyApp&gt; plugova cordova add cordova-plugin-admobpro

1	C: \ Users \ Username \ Desktop \ MyApp> plugova cordova 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
      } );
}

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

} );

}

خروجی مطابق تصویر زیر نشان داده خواهد شد.

Ionic Cordova Admob
همین کد را می توان برای iOS یا Windows Phone نیز اعمال کرد. فقط برای این سیستم عامل ها از شناسه دیگری استفاده خواهید کرد. به جای یک بنر، می توانید از تبلیغات بینابینی استفاده کنید که کل صفحه را پوشش می دهد.

متد های AdMobجدول زیر روشهایی را نشان می دهد که می توانند با admob استفاده شوند.

متد	پارامتر	جزئیات
createBanner(parameter1, parameter2, parameter3)	adId/options, success, fail	برای ایجاد بنر استفاده می شود.
removeBanner()	/	برای برداشتن بنر استفاده می شود.
showBanner(parameter1)	position	برای نمایش بنر استفاده می شود.
showBannerAtXY(parameter1, parameter2)	x, y	برای نشان دادن بنر در مکان مشخص استفاده می شود.
hideBanner();	/	برای مخفی کردن بنر استفاده می شود.
prepareInterstitial(parameter1, parameter2, parameter3)	adId/options, success, fail	برای تهیه بینابینی استفاده می شود.
showInterstitial();	/	برای نشان دادن بینابینی استفاده می شود.
setOptions(parameter1, parameter2, parameter3)	options, success, fail	برای تنظیم مقدار پیش فرض برای روش های دیگر استفاده می شود.

رویدادهای AdMob

جدول زیر وقایع قابل استفاده با admob را نشان می دهد.

رویداد	جزئیات
onAdLoaded	هنگام بارگذاری آگهی فراخوانی می شود.
onAdFailLoad	هنگامی که تبلیغ بارگیری نشود فراخوانی می شود.
onAdPresent	هنگامی که تبلیغ در صفحه نمایش داده می شود فراخوانی می شود.
onAdDismiss	هنگام رد شدن آگهی فراخوانی می شود.
onAdLeaveApp	هنگامی که کاربر با کلیک بر روی تبلیغ برنامه را ترک می کند ، فراخوانی می شود.

با دنبال کردن مثال زیر می توانید از عهده این رویدادها برآیید.

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

document.addEventListener('onAdLoaded', function(e){

// Handle the event...

});

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

امتیاز دهید post

نویسنده مطلب saber

آموزش Cordova AdMob در برنامه نویسی آیونیک

آموزش Cordova AdMob در برنامه نویسی آیونیک

استفاده از AdMob

رویدادهای AdMob

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

بدون دیدگاه

آموزش Cordova AdMob در برنامه نویسی آیونیک

استفاده از AdMob

رویدادهای AdMob

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه