Tingkatkan Pendapatan Aplikasi Android dengan Iklan AdMob

Membuat aplikasi dan game android tentunya akan jadi lebih menyenangkan bila bisa mendapat penghasilan. Salah satu jalur pendapatan bisa dengan melalui iklan dari Google untuk aplikasi, yang dikenal dengan Admob. Untuk memasang iklan Admob tentu tidak boleh dengan cara sembarangan, karena anda harus memenuhi berbagai aturan. Untuk mempermudah pemasangan iklan saya menyarankan agar anda menggunakan plugin untuk Admob.

Salah satu plugin yang saya gunakan untuk membuat aplikasi dapat menampilkan iklan melalui cordova adalah dengan  Admob Plus Cordova. Plugin AdMob Plus untuk Cordova menawarkan sejumlah keunggulan yang membuatnya pilihan yang populer bagi pengembang aplikasi yang ingin mengintegrasikan iklan AdMob ke dalam aplikasi mereka. 

Keunggulan Plugin Admob Plus Cordova

1. API yang Bersih dan Mudah Digunakan

AdMob Plus menyediakan API yang lebih bersih dan modern dibandingkan dengan plugin AdMob sebelumnya. Ini membuat pengintegrasian dan penggunaan menjadi lebih mudah dan intuitif.

2. Dukungan untuk Berbagai Jenis Iklan

Plugin ini mendukung berbagai jenis iklan AdMob, termasuk:

• Banner Ads: Iklan banner yang muncul di bagian atas atau bawah layar.

• Interstitial Ads: Iklan layar penuh yang muncul di transisi antar halaman.

• Rewarded Ads: Iklan yang memberikan imbalan kepada pengguna setelah menonton.

3. Kinerja yang Ditingkatkan

AdMob Plus dirancang untuk kinerja yang optimal, sehingga mengurangi dampak iklan pada kinerja aplikasi Anda. Ini termasuk waktu muat yang cepat dan pengelolaan memori yang efisien.

4. Dukungan untuk Event Listener

Plugin ini mendukung event listener, yang memungkinkan Anda untuk menangani berbagai peristiwa iklan, seperti saat iklan dimuat, ditampilkan, atau ditutup. Ini memberikan kontrol yang lebih besar atas pengalaman pengguna.

5. Kompatibilitas yang Luas

AdMob Plus kompatibel dengan berbagai versi Cordova dan platform target, termasuk Android dan iOS. Ini memastikan bahwa iklan Anda dapat ditampilkan dengan baik di berbagai perangkat.

6. Dukungan dan Dokumentasi yang Baik

AdMob Plus memiliki dokumentasi yang lengkap dan komunitas pengembang yang aktif. Ini memudahkan Anda untuk menemukan solusi untuk masalah yang mungkin Anda hadapi dan memanfaatkan plugin ini dengan sebaik-baiknya.

7. Pembaharuan dan Pemeliharaan yang Teratur

Plugin ini sering diperbarui untuk memastikan kompatibilitas dengan versi terbaru Cordova dan AdMob, serta untuk memperbaiki bug dan menambahkan fitur baru.

8. Open Source

AdMob Plus adalah proyek open source, yang berarti Anda bisa melihat dan mengubah kode sumber sesuai kebutuhan Anda. Ini memberikan fleksibilitas dan transparansi yang lebih besar.

Dengan semua keunggulan ini, plugin AdMob Plus untuk Cordova adalah pilihan yang sangat baik untuk mengintegrasikan iklan AdMob ke dalam aplikasi Anda dengan cara yang efektif dan efisien.

Langkah Mudah Menggunakan AdMob Plus di Aplikasi 

Untuk menggunakan plugin AdMob Plus di proyek Cordova, Anda perlu mengikuti beberapa langkah berikut. Plugin ini sebenarnya adalah pengganti dari cordova-plugin-admob-free dan menyediakan API yang lebih bersih serta alat modern. Berikut adalah langkah-langkahnya:

Langkah 1: Instalasi Plugin

Pertama, Anda perlu menginstal plugin AdMob Plus menggunakan npm. Buka terminal di direktori proyek Anda dan jalankan perintah berikut:

bash

npm install admob-plus-cordova

Langkah 2: Konfigurasi Plugin

Setelah plugin diinstal, Anda perlu mengkonfigurasi plugin di file config.xml di proyek Cordova Anda:

xml

<plugin name="admob-plus-cordova" spec="^2.0.0-alpha.18" />

Langkah 3: Sintaksis dalam JavaScript

Setelah plugin diinstal dan dikonfigurasi, Anda dapat menggunakan plugin ini dalam kode JavaScript Anda. Berikut adalah contoh cara menampilkan iklan banner:

javascript

document.addEventListener('deviceready', () => {
    admob.banner.requestAd({
        adUnitId: 'YOUR_AD_UNIT_ID',
        position: 'BOTTOM_CENTER'
    });
});

Langkah 4: Menambahkan Iklan Interstitial dan Rewarded

Plugin AdMob Plus juga mendukung iklan interstitial dan rewarded ads. Berikut adalah contoh cara menampilkan iklan interstitial:

javascript

document.addEventListener('deviceready', () => {
    admob.interstitial.requestAd({
        adUnitId: 'YOUR_AD_UNIT_ID'
    });
    admob.interstitial.show();
});

Langkah 5: Menambahkan Iklan Rewarded

Untuk iklan rewarded, Anda dapat menggunakan kode berikut:

javascript

document.addEventListener('deviceready', () => {
    admob.rewarded.requestAd({
        adUnitId: 'YOUR_AD_UNIT_ID'
    });
    admob.rewarded.show();
});

Tips Tambahan

• Pengaturan Iklan: Pastikan Anda memiliki ID unit iklan yang benar yang diperoleh dari Google AdMob Console.

• Dokumentasi: Anda dapat menemukan dokumentasi lengkap dan contoh penggunaan di situs resmi plugin AdMob Plus.

Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menggunakan plugin AdMob Plus di proyek Cordova Anda untuk menampilkan berbagai jenis iklan.

Contoh kode:

let banner;
let interstitial;

document.addEventListener('deviceready', () => {
    bannerShow();
});

function bannerShow(){	
	banner = new admob.BannerAd({
	adUnitId: 'YOUR_BANNER_AD_UNIT_ID',
	position: 'top',
	offset: 100,
  });

  banner.on('impression', async (evt) => {    
	//console.log("impress");

  });  

  banner.show();
}

function Interstitial(){
	interstitial = new admob.InterstitialAd({
        adUnitId: 'YOUR_INTERSTITIAL_AD_UNIT_ID',	
  });

  interstitial.on('load', (evt) => {
         //evt.ad
	 console.log("inter-load");
  });
  interstitial.load();
  interstitial.show();
}