Cara Menampilkan Admob Banner di Aplikasi Android Menggunakan Firebase Assistant
Halo semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial Cara Membuat atau Menampilkan Iklan Admob Tipe Banner di Android Studio Menggunakan Firebase Assistant.
Banner Ads adalah iklan gambar atau teks segi empat panjang yang menempati dalam tata letak aplikasi. Mereka tetap di layar saat user berinteraksi dengan aplikasi, dan dapat refresh secara otomatis setelah periode waktu tertentu.
Untuk mendapatkan penghasilan dengan mengintegrasikan iklan Google Admob di aplikasi android, kita perlu mengikuti langkah-langkah di bawah ini.
- Advertisement -
- Mendaftarkan akun admob dan membuat unit iklan
- Sign In Di Android Studio Menggunakan Google Account
- Menghubungkan Firebase & Android Studio Menggunakan Firebase Assistant
- Menambahkan library firebase admob ads
Jadi, pada tutorial ini kita akan belajar tentang Admob Banner Ads, di tutorial selanjutnya kita akan belajar tentang iklan Admob dengan jenis format lainnya.
Cara Menambahkan Admob Banner Ads di Android Menggunakan Firebase Assistant
Buatlah project android studio baru dengan informasi sebagai berikut:
Application Name | : | Admob App |
Package Name | : | com.androidrion.admobapp |
Languge | : | Java |
Minimum SDK | : | API 15: Android 4.0.3 (IceCreamSandwich) |
Daftar file xml layout yang digunakan dalam project ini:
- activity_main.xml
Daftar file java class yang digunakan dalam project ini:
- MainActivity.java
Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Admob App.
Add Library
Untuk bisa menampilkan iklan pada aplikasi, kalian memerlukan library firebase ads. Kalian bisa mengikuti tutorial pada artikel dibawah ini untuk mendapatkan library firebase ads.
Setelah kalian mendapatkan library firebase ads, kalian bisa mengikuti tutorial dibawah untuk menampilkan admob banner ads.
Android Manifest File
Buka file AndroidManifest.xml dalam direktori manifest. Tambahkan meta-data untuk admob id. Berikut ini adalah kode lengkap untuk file AndroidManifest.xml
app/manifests/AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.androidrion.admobapp">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-3940256099942544~3347511713" />
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
XML Layout File
Buka file activity_main.xml dalam direktori layout. Tambahkan komponen AdView. Berikut ini adalah kode lengkap untuk file activity_main.xml
app/res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.google.android.gms.ads.AdView
android:id="@+id/adView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:adSize="SMART_BANNER"
app:adUnitId="ca-app-pub-3940256099942544/6300978111" />
</RelativeLayout>
Java Class
Buka file MainActivity dalam direktori java. Tambahkan AdView dan hubungkan dengan id yang pada file layout xml. Tambahkan juga method AdRequest. Berikut ini adalah kode lengkap untuk file MainActivity.java
app/java/com.androidrion.admobapp/MainActivity.java
Run Project
Setelah menambahkan semua kode pada project, sekarang jalankan project android studio kalian. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar dibawah ini.
Belum load Setelah load Iklan di klik
AKHIR KATA
Itulah tadi tutorial singkat dan mudah cara membuat dan menampilkan admob banner ads di android studio. Jika kalian sudah yakin dengan tampilan iklan pada aplikasi, maka kalian bisa menggunakan app id dan unit id yang dari akun admob kalian. Dan tambahkan permission internet untuk menampilkannya.
Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.
Download Project
Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.
- Advertisement -
Bila ada error: attribute adUnitID not found solusinya gimana ya Bang?
Hi Rizki. Terima kasih telah mengunjungi blog Android Rion.
Coba di cek lagi pada file activity_main.xml nya. mungkin pada widget AdView nya belum dimasukkan atribut AdUnitID. Seperti contoh berikut ini. app:adUnitId=”ca-app-pub-3940256099942544/6300978111″