BAB 2 : Cara Mengimplementasikan Banner Iklan Admob - OOKINFO
News Update
Loading...

9/07/2019

BAB 2 : Cara Mengimplementasikan Banner Iklan Admob


ookinfo.com - Iklan Banner atau disebut dengan iklan sepanduk ini adalah iklan yang berbentuk sepanduk berisikan gambar maupun teks secara random. Iklan ini akan selalu tampil pada layar saat pengguna berinteraksi pada aplikasi yang bertautan dangan iklan admob tersebut, dalam periode tertentu banner inipun akan otomatis terefresh tergantuung pada pengaturan admob yang kita seting, defaultnya adalah selama 60 detik.

Panduan ini adalah Bab 2 : Cara Mengimplementasikan Banner Iklan Admob . Bagi yang belum membaca Tahap awal memulai di Bab 1 maka silahkan Baca atau klik tombol dibawah ini :

Bab 1 : Cara Mengintegrasikan  SDK Iklan Seluler Google Admob.

Setelah anda melewati Bab 1 maka anda bisa melanjutkan ke Bab 2 ini, Bahasan ini mengenai sebuah Iklan Banner. Silahkan anda doble Click pada nomor 1, nomor 2, dan nomor 3 hingga anda membuka page layout xml. Hapus semua code didalamnya lalu Copy Code yang saya beri dibawah ini, dan pastekan ke layout tersebut yang ditunjukan pada nomor 4.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    tools:context=".MainActivity">


    <TextView android:text="OOKINFO"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textSize="25pt"/>


    <com.google.android.gms.ads.AdView
        xmlns:ads="http://schemas.android.com/apk/res-auto"
        android:id="@+id/adView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        ads:adSize="BANNER"
        ads:adUnitId="ca-app-pub-3940256099942544/6300978111">
    </com.google.android.gms.ads.AdView>

</RelativeLayout>

 Lihat Gambar Dibawah Ini :


Perlu diperhatikan admin sudah memberi tag code yang wajib anda tambahkan, yaitu code Banner.
Admin telah memberi block warna yaitu ads:adsize="BANNER" , code ini difungsikan untuk ukuran banner yang akan ditampilkan. Ada beberapa jenis Banner yaitu :

Size in dp (WxH) Description Availability AdSize constant
320x50 Banner Phones and Tablets BANNER
320x100 Large Banner Phones and Tablets LARGE_BANNER
300x250 IAB Medium Rectangle Phones and Tablets MEDIUM_RECTANGLE
468x60 IAB Full-Size Banner Tablets FULL_BANNER
728x90 IAB Leaderboard Tablets LEADERBOARD
Screen width x 32|50|90 Smart Banner Phones and Tablets SMART_BANNER

Bagian yang admin blog selanjutnya adalah ads:adUnitId="ca-app-pub-xxx", yang admin praktekan adalah menggunakan id test Banner dari Google. Silahkan anda ganti dengan ID Banner yang anda miliki.

Langkah selanjutnya adalah kita akan mengakifkan banner tersebut dengan script recuest banner, Silahkan anda double click nomor 1, nomor 2 dan nomor 3 . Maka kita telah membuka page Activity Java. Silahkan masukan Import library dengan mencopy code dibawah ini ke nomor 4.

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

Copy Code dibawah ini, yang difungsikan untuk sebuah Variable.

private AdView mAdView;

Selanjutnya kita buat sebuah code yang difungsikan untuk request banner agar iklan banner kita tayang. Silahkan Copy code dibawah ini dan pastekan ke nomor 5.

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

Hasilnya akan terlihat seperti gambar dibawah ini :


Sampai disni kita sudah selesai dalam mengimplementasikan Banner, tapi masih ada yang perlu anda tambahkan, karena ini sifatnya wajib dikarenakan difungsikan untuk memoderator sebuah banner. Copy Code di bawah ini dan Pastekan ke nomor 1.

mAdView.setAdListener(new AdListener() {
            @Override
            public void onAdLoaded() {
                // Code to be executed when an ad finishes loading.
            }

            @Override
            public void onAdFailedToLoad(int errorCode) {
                // Code to be executed when an ad request fails.
            }

            @Override
            public void onAdOpened() {
                // Code to be executed when an ad opens an overlay that
                // covers the screen.
            }

            @Override
            public void onAdClicked() {
                // Code to be executed when the user clicks on an ad.
            }

            @Override
            public void onAdLeftApplication() {
                // Code to be executed when the user has left the app.
            }

            @Override
            public void onAdClosed() {
                // Code to be executed when the user is about to return
                // to the app after tapping on an ad.
            }
        });

Hasilnya akan seperti gambar dibawah ini :

Seperti itulah pembahasan BAB 2 : Cara Mengimplementasikan Banner Iklan Admob, bila ada yang perlu ditanyakan jangan sungkan untuk bertanya di kolom komentar, terimakasih.

Bab 1 : Mengintegrasikan SDK Iklan Seluler Google Admob

BAB 2 : Cara Mengimplementasikan Banner Iklan Admob

BAB 3 : Cara Mengimplementasikan Interstitial Iklan Admob di Android Studio

BAB 4 : Cara Mengimplementasikan Video Reward Iklan Admob di Android Studio

Share with your friends

Add your opinion
Disqus comments
Notification
This is just an example, you can fill it later with your own note.
Done