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.

• 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:

1. activity_main.xml

Daftar file java class yang digunakan dalam project ini:

1. 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.

Cara Menambahkan Firebase Admob Ads di Android Studio Menggunakan Firebase Assistant

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

[sociallocker id=”1410″]

package com.androidrion.admobapp;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        AdRequest adRequest = new AdRequest.Builder().build();
        AdView adView = findViewById(R.id.adView);
        adView.loadAd(adRequest);
    }
}

[/sociallocker]

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.

• 

• 

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.

[sociallocker id=”1406″]

[/sociallocker]