Cara Memasang Iklan Admob Pada MIT App Inventor Dengan Mudah

 MIT App Inventor adalah platform yang memungkinkan pengembang baik pemula maupun profesional untuk membuat aplikasi Android dengan mudah tanpa perlu pengetahuan mendalam tentang pemrograman. Salah satu fitur yang menarik untuk dikembangkan dalam aplikasi adalah integrasi iklan, khususnya melalui Google Admob, untuk menghasilkan pendapatan dari aplikasi yang dibuat.

Admob adalah platform periklanan dari Google yang memungkinkan pengembang aplikasi menampilkan iklan dalam berbagai format, seperti banner, interstitial, dan iklan video. Dengan menggunakan MIT App Inventor. Anda juga dapat mengintegrasikan Admob ke dalam aplikasi anda dengan langkah-langkah yang cukup sederhana dan tidak terlalu ruwet.

Sebelum melanjutkan, silahkan anda download extension admob pada dibawah button ini, silahkan download dua supaya tidak terjadi error atau anda juga dapat mendownloadnya di web resminya di MIT App Inventor Extension Admob:

Dalam artikel ini, kita akan membahas:

1. Persiapan Akun AdMob dan MIT App Inventor: Membuat akun AdMob dan menyiapkan project di MIT App Inventor.
2. Mengukur Komponen Iklan: Menambahkan komponen Admob ke dalam aplikasi.
3. Langkah-langkah Implementasi: Menyelesaikan konfigurasi kode dan desain untuk menampilkan iklan.
4. Tahap Pengujian dan Publikasi: Memastikan iklan berfungsi dengan baik sebelum aplikasi dipublikasikan.

Dengan panduan ini, Anda dapat mulai memanfaatkan potensi penghasilan dari aplikasi yang anda buat, langsung saja simak langkah-langkahnya secara lebih rinci guys!

1. Membuat Akun Google Admob

Langkah yang pertama pastikan anda memiliki akun Google Admobnya, jika anda tidak memiliki akunnya anda buat terlebih dahulu dengan cara masuk ke web Google Admob, kemudian klik Daftar pada pojok kanan atas, kemudian pilih akun google atau masukan akun google.

Jika sudah anda perlu membuat unit iklannya dengan cara klik tambahkan aplikasi pada menu aplikasi, lalu isi menunya sesuai dengan kriteria aplikasi anda, jika sudah anda perlu mencatat atau menyalin id aplikasi dari iklan yang sudah anda buat tadi, anda dapat melihatnya pada colum "ID Aplikasi" seperti pada gambar dibawah ini.

2. Menambahkan Ekstensi Admob

Langkah selanjutnya kita akan menambahkan ekstensi pada aplikasi yang kita buat menggunakna MIT App Inventor, sebelum membuat kita akan mengkostum kode ekstensinya sesuai dengan id pub masing-masing yang ada pada admob kalian dengan cara kunjungi terlebih dahulu web niotron alamatnya di https://ide.niotron.com/. 

Setelah terbuka, silahkan klik "Create a new project" (login jika anda belum login). Setelah itu silahkan isikan nama project yang anda suka, kemudian dibawah nama project silahkan isikan nama paket dengan awal "com.isikanamaextensi" kemudian jika sudah klik "continue" lalu otomatis akan muncul sebuah terminal codingan, anda ikuti saja codingannya dibawah ini.

Pertama-tama tulis atau salin kode dibawah ini:

import com.google.appinventor.components.annotations.androidmanifest.*;

kode tersebut diletakan pada baris pertama, kalo saya meletakkannya di baris ke 10. Arti dari kode tersebut intinya kita mengimport dari component link app inventor

kemudian tulis lagi kode dibawah ini dan diletakkan dibawah atau sesudah "@UsesPermissions" (tanpa tanda kutip)

@UsesApplicationMetadata(metaDataElements={@MetaDataElement(name="com.google.android.gms.ads.APPLICATION_ID", value="your-app-id")})

yang warna teks warna merah silahkan ubah atau isikan ID admob masing-masing yang sudah kita buat pada pembahasan judul pertama. Maka kode yang diatas akan menjadi gambar seperti dibawah ini:

*Jangan lupa ID Aplikasi ditulis

Setelah itu jika sudah silahkan klik Compile Extension lalu tunggu hingga proses compile selesai maka akan terdownload otomatis file yang telah kita coding sebelumnya, filenya akan berupa extensi .aix jadi jika bukan extensi berakhiran .aix maka file tersebut bukan ya guys.

3. Menambahkan Extensi Admob Pada MIT App Inventor

Jika sudah selesai saatnya kita akan memasukan file tersebut extension yang sudah kita buat pada langkah sebelumnya pada aplikasi MIT yang telah kita buat pada artikel yang lalu, jika anda belum mempunyai project pembuatan aplikasi, anda dapat membaca artikel saya yang ini

Pertama-tama silahkan masuk pada website mit app inventor, kemudian silahkan login dan masuk pada project aplikasi yang anda telah buat sebelumnya, lalu silahkan import file extension yang telah kita buat sebelumnya pada niotron tadi kedalam aplikasi project mit app inventor anda.

Dengan cara klik pada menu extension pada pojok kiri bawah pada dashboard project mit anda, lalu klik bacaan Import extension, kemudian silahkan pilih file extension yang telah kita buat di niotron, lalu klik dan seret extensi ke screen. Sebelumnya pastikan anda telah mendownload 3 extensi admob yang link downloadnya ada di atas tadi.

Selanjutnya, silahkan anda klik pada extensi "AdmobBanner1" lalu lihat dibagian sisi kanan yang bernama "AdUnit", anda isikan dengan ID Aplikasi yang sudah anda buat sebelumnya pada Admob, pastikan ID Aplikasi dengan awalan seperti ini "ca-app-pub-IDApkAnda~yourID".

4. Coding

Setelah itu anda dapat mengatur posisi adsense admob pada kodingan block dengan mengklik button block pada kanan pojok atas di mit, lalu anda dapat mulai mengaturnya bebas. Atau anda dapat mengikuti kodingan pada dibawah ini:

Dalam code pada gambar, artinya kita mengatur admob supaya screen mengilisialisasi extensi admob saat screen terbuka, dan extensi AdmobBanner akan menampilkan dengan ukuran sesuai yang dipilih anda, lalu akan menampilkannya dilayout yang anda hendaki, disini saya menggunakan layout HorizontalArrangement1 untuk percobaan saja.

Dan bagaimana hasilnya?, jika saya mengekspornya maka akan menjadi gambar seperti ini:

Gambar diatas hanyalah sebuah contoh belaka, anda dapat menambahkan pada project aplikasi anda, saya hanya menampilkan add ukuran sedang (medium) hanya sebagai contoh, demi memudahkan pembahasan kali ini, untuk kode sebetulnya anda dapat mengaturnya sesuai dengan aplikasi anda, kode diatas hanyalah sebagian kecil demi memudahkan saja.

Cukup Sekian artikel cara memasang iklan admob pada mit app inventor dengan mudah, saya membahasnya tidak terlalu kompleks, dan saya yakin anda dapat memahami apa yang saya jelaskan pada artikel diatas. Dan jikapun anda tidak tahu menahu apa yang saya jelaskan diatas atau hanya ingin sekedar bertanya jangan ragu untuk bertanya dikolom komentar yang telah disediakan dan sampai jumpa kembali di artikel saya selanjutnya.