Coding Sederhana Pasang Admob (Banner, Interstitial, Native di RecyclerView) di App

Pada tutorial kali ini saya akan mencoba membuat coding sederhana bagaimana menampilkan BannerAds, InterstitialAds dan NativeAds di RecylerView dari Admob.

Karena COding yang kita pakai ini sederhana, maka konsepnya pun sederhana.

  1. Dalam pemasangan Banner, akan ditampilkan di bagian bawah app, langsung dari App mulai sampai app d tutup.
  2. Untuk banner akan ditampilkan ketika user klik detail dari recycler view, untuk menghindari invalid atau klik iklan tidak disengaja dan menghindari warning dari Google akan ada penjelasan di kodenya nanti. (Pengalaman beberapa kali kena warning klik tidak di sengaja, dan setelah modic coding ga pernah kena warning sampai sekarang.
  3. Untuk Native akan di tampilkan di dalam recycler view, disini akan memanfaatkan itemView yang berbeda-beda seperti layaknya membuat header dan footer, maka dari itu dalam tutorial ini akan di buat seklaian Header dan footer pada RecylerView untuk melihat perbedaannya sehingga mudah untuk pengembangan selanjutnya.

Langsung saja langkah-langkahnya adalah sebagai berikut.

 

  1. Bikin Project Baru, dalam sample ini saya buat pake BlankActifity.
  2. Tambahkan bari berikut pada AndroidManaifest.xml
  3. Buka res->values->string.xml, tambahan ID Admobnya. ID berikut ini adalah AdmobTestId
  4. Buka layout actifity_main.xml, tambahakn recylerView dan banner. Bila menggunakan AndroidStudio terbaru Gradle akan ditambahkan otomatis… bila belum, silahkan tambahkan gradle untuk Admob dan RecylerView nya sampai bisa tampil seperti di bawah ini.Screenshot_1469

     
  5. Sampai proses ini, kita bisa langusng menampilkan BannerAds, pada MainActifity.java. dantambahkan kode, berikut

    bila app di jalankan pada emulator, seharuusnya iklan sudah tampil seperti ini, bila belum tampil coba cek kode-nya. karena bila sampai sini belum tampil/error tidak dapat melanjutkan step selanjutnya Screenshot_1470
  6. Membuat layout baru untuk tampilan dalam RecylerView. Pada proses menampilkan ini akan kita bagi menjadi 4 type tampilan, yaity viewType 1 untuk menampilkan data , viewType 2 untuk menampilkan Header, viewType 3 untuk menampilkan Footer, dan ViewType 4 untuk menampilkan Iklan Native admob.
    • list item.xml. untuk tampilan data per item nya
    • list_header.xml, untuk menampilkan header
    • list_footer.xml, untuk menampilkan footer
    • list_admob.xml, untuk menampilkan iklan native admob
  7. Membuat class baru dengan nama DataModel.java, dan buat Getter dan Setter
  8. Membuat class baru dengan nama DataAdapter.java
  9. Tambahakn variabel berikut pada MainActivity.java

     
  10. Menampilkan data ke dalam RecylerView, pada MainActifity.java, tambahkan kode berikut d bawah kode menampilkan banner tadi.

    Sehingga bila app di jalankan akan jadi seperti ini. Screenshot_1471
  11. Menampahkan Header dan Footer., tambahkan kode berikut sebelum data di tampilkan ke dalam adapter

    Bila di jalankan seharusnya bisa tampil seperti berikut pada header dan footerScreenshot_1472Screenshot_1473
  12. Menampilkan iklan Native pada bari ke dua saja

    Screenshot_1474
  13. Menambahan iklan native di semua list dengan interval 10 item satu iklan

    Screenshot_1475

     

  14. Menambahkan iklan Interstitia, edit MainActifity.java, tambahkan variabel dibawah ini

    buat Class tersendiri untuk memudahkan pemanggilan,

    di sini ada variable hitung yang berfungsi untuk menghitung jumlah pemanggilan class/function loadInterstitial(). pada contoh ini iklan di request ketika dipanggil pertama kali, dan iklan akan muncul pada pemanggilan yang ke 5.

  15. Sebagai contoh, Kode untuk menampilkan pada klik detail.Edit DataAdapter.java , edit pada kode berikut.bila ingin mneampilkan di tempat lain bisa d pindah sesuai keionginan, misal ketika tombol back, tombol share atau yg lainnya. Pada contoh ini iklan akan tampil ketika item list d klik yang ke lima kali.

Download Apk yang sudah jadi

Download SourceCode

 

 

Facebook Comments