Ok guys, tanpa panjang lebar lagi, langsung saja kita mulai, pada tahap pertama akan saya ulas dulu cara membuat / memasang iklan banner ( iklan ini biasa sering kita lihat, muncul di bagian bottom / bawah, maupun bagian top / atas )..
Nah, untuk cara memasangnya tentu kita diharuskan untuk mendownload terlebih dahulu android studio nya guys, karena kita akan menggunakan pemrograman pada software tersebut.. jika sobat belum menginstall / mendownloadnya, silakan sobat Download Android Studio nya terlebih dahulu..
OK Next.. jika sudah siap saya akan sedikit jelasin dulu soal iklan banner ( Banner Ads ) atau Iklan spanduk merupakan gambar segi empat / segi panjang serta iklan teks yang menempati tempat di dalam tata letak aplikasi.. Iklan ini tetap berada di layar selama pengguna berinteraksi dengan aplikasi, dan dapat merefresh / menyegarkan secara otomatis setelah jangka waktu tertentu..
Jika sudah faham dengan sedikit penjelasan diatas, tahap selanjutnya, mari kita langsung di mulai..
- Kunjungi situs resmi AdMob https://www.google.co.id/admob/ lalu Login menggunakan akun Gmail kalian..
- Di menu beranda, Klik Tambahkan Aplikasi, jika aplikasi kalian berada di playStore, pilih ya dan jika tidak, pilih tidak, lalu isi nama project aplikasi yang kalian buat, maka kalian akan dapat ID Aplikasi tersebut, setelah itu klik BUAT UNIT IKLAN..
- Pilih jenis format iklan Banner
- Berinama Unit iklan tersebut ( terserah mau dikasih nama iklannya apa )
- Klik Simpan, maka nanti setelah itu sobat akan melihat ID Aplikasi dan ID Unit Iklan tersebut ( yang baru saja sobat buat )
- Buka Android Studio kalian, lalu buat project baru, jika sudah, selanjutnya buka file AndroidManifest.xml pada project tersebut, lalu masukan uses-permisson berikut ini, untuk mengizinkan aplikasi membuka soket jaringan :
<uses-permission android:name="android.permission.INTERNET"/>- Buka file build.gradle(App-level) lalu masukan library berikut ini, didalam dependencies, jika terjadi error, disarankan koneksi Internet kalian sedang aktif :
compile 'com.google.android.gms:play-services-ads:11.2.0'- Untuk lebih jelasnya, edit file.xml pada layout seperti berikut ini :
<?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_width="match_parent"
android:layout_height="match_parent"
xmlns:ads="http://schemas.android.com/apk/res-auto"
tools:context="hack.facebookapps.AdMob_By_Google">
<com.google.android.gms.ads.AdView
android:id="@+id/spanduk"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
ads:adSize="SMART_BANNER"
ads:adUnitId="ca-app-pub-xxxx" /> <!-- Masukan ID Unit Iklan Kalian Disini -->
</RelativeLayout>- Masukan ID Unit Iklan Kalian pada artibut ads:adUnitId="xxxxx" dan jangan lupa untuk menetapkan ukuran Banner Ads, disini saya menggunakan ukuran SMART_BANNER agar ukuran banner tersebut menyesuaikan dengan layar posel, selain SMART_BANNER, terdapat berbagai macam ukuran lainnya yaitu :
- BANNER : Banner ukuran standar, yaitu 320x50, digunakan untuk telepon dan tablet..
- LARGE_BANNER : Banner ukuran besar, yaitu 320x100, digunakan untuk telepon dan tablet..
- MEDIUM_RECTANGLE : Banner ukuran Medium Empat Persegi Panjang, yaitu 300x250, digunakan untuk telepon dan tablet..
- FULL_BANNER : Banner ukuran besar, yaitu 468x60, digunakan untuk tablet..
- LEADERBOARD : Banner ukuran besar, yaitu 728x90, digunakan untuk tablet..
- SMART_BANNER : Banner ukuran menyesuaikan layar, yaitu LebarLayar x 32|50|90, digunakan untuk telepon dan tablet..
- Selanjutnya pada Activity yang kita buat, masukan Source Code seperti berikut ini :
Package hack.facebookapps.admobexample;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;
import com.google.android.gms.ads.AdListener;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
public class AdMob_By_Google extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_admob_by_google);
//Inisialisasi Banner Ads
AdView adView = findViewById(R.id.spanduk);
adView.loadAd(new AdRequest.Builder().build());
//Membuat Event Pada Siklus Hidup Iklan
adView.setAdListener(new AdListener(){
@Override
public void onAdClosed() {
//Kode disini akan di eksekusi saat Iklan Ditutup
Toast.makeText(getApplicationContext(), "Iklan Dititup", Toast.LENGTH_SHORT).show();
super.onAdClosed();
}
@Override
public void onAdFailedToLoad(int i) {
//Kode disini akan di eksekusi saat Iklan Gagal Dimuat
Toast.makeText(getApplicationContext(), "Iklan Gagal Dimuat", Toast.LENGTH_SHORT).show();
super.onAdFailedToLoad(i);
}
@Override
public void onAdLeftApplication() {
//Kode disini akan di eksekusi saat Pengguna Meniggalkan Aplikasi/Membuka Aplikasi Lain
Toast.makeText(getApplicationContext(), "Iklan Ditinggalkan", Toast.LENGTH_SHORT).show();
super.onAdLeftApplication();
}
@Override
public void onAdOpened() {
//Kode disini akan di eksekusi saat Pengguna Mengklik Iklan
Toast.makeText(getApplicationContext(), "Iklan Diklik", Toast.LENGTH_SHORT).show();
super.onAdOpened();
}
@Override
public void onAdLoaded() {
//Kode disini akan di eksekusi saat Iklan Selesai Dimuat
Toast.makeText(getApplicationContext(), "Iklan Selesai Dimuat", Toast.LENGTH_SHORT).show();
super.onAdLoaded();
}
});
}
}- Terakhir jalankan project tersebut, maka hasilnya akan seperti berikut ini :
OK Next guys! tahap pertama pembuatan iklan banner sudah selesai, sekarang ketahap berikutnya.. yaitu membuat / memasang iklan intersititial, Interstitial Ads adalah iklan layar penuh / full screen yang mencakup antarmuka aplikasi..
Jenis ini biasanya ditampilkan pada titik transisi alami dalam arus aplikasi, seperti antara aktivitas atau selama jeda antara tingkat dalam permainan..
Saat sebuah aplikasi menampilkan iklan pengantara, pengguna memiliki pilihan untuk mengetuk iklan dan melanjutkan ke tujuannya atau menutupnya dan kembali ke aplikasi..
- Kunjungi situs resmi AdMob https://www.google.co.id/admob/ lalu Login menggunakan akun Gmail kalian..
- Selanjutnya Tambahkan Aplikasi, lalu isi nama aplikasi kalian, maka akan terlihat ID Aplikasi tersebut, setelah itu klik BUAT UNIT IKLAN
- Pilih jenis format iklan Interstitial..
- Berinama pada Unit iklan tersebut ( terserah mau di kasih nama apa )
- Klik Simpan, setelah itu akan terlihat ID Aplikasi dan ID Unit Iklan ( yang baru sobat buat )
- Buat project baru, setelah itu buka file AndroidManifest.xml pada project tersebut, lalu masukan uses-permisson berikut ini, untuk mengizinkan aplikasi membuka soket jaringan :
<uses-permission android:name="android.permission.INTERNET"/>- Buka file build.gradle(App-level) lalu masukan library berikut ini, didalam dependencies selanjutnya akan terdownload secara otomatis..
compile 'com.google.android.gms:play-services-ads:11.2.0'- Karena disini hanya membuat contoh saja, maka untuk design layoutnya, kita cukup menggunakan satu Button saja, dan RelativeLayout
- Dan berikut ini file.xml dari layout yang saya contohkan
<?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_width="match_parent"
android:layout_height="match_parent"
tools:context="hack.facebookapps.AdMob_By_Google">
<Button
android:id="@+id/showAds"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Show Ads" />
</RelativeLayout>- Buka file.java pada activity kalian, lalu masukan source code berikut ini
Package hack.facebookapps.admobexample;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
import com.google.android.gms.ads.AdListener;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.InterstitialAd;
public class AdMob_By_Google extends AppCompatActivity {
private InterstitialAd interstitialAd;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_admob_by_google);
Button showAds = findViewById(R.id.showAds);
//Implementasi dan Membuat Objek Interstitial Ads
interstitialAd = new InterstitialAd(this);
//Masukan ID Unit Iklan Interstitial Kalian Disini
interstitialAd.setAdUnitId("ca-app-pub-xxxxxx");
interstitialAd.loadAd(new AdRequest.Builder().build());
//Membuat Event/Kejadian Pada Siklus Hidup Interstitial Ads
interstitialAd.setAdListener(new AdListener(){
@Override
public void onAdClosed() {
super.onAdClosed();
//Kode disini akan di eksekusi saat Iklan Ditutup
Toast.makeText(getApplicationContext(), "Iklan Dititup", Toast.LENGTH_SHORT).show();
//Setelah ditutup, Iklan akan memuat ulang kembali
interstitialAd.loadAd(new AdRequest.Builder().build());
}
@Override
public void onAdFailedToLoad(int i) {
super.onAdFailedToLoad(i);
//Kode disini akan di eksekusi saat Iklan Gagal Dimuat
Toast.makeText(getApplicationContext(), "Iklan Gagal Dimuat", Toast.LENGTH_SHORT).show();
}
@Override
public void onAdLeftApplication() {
super.onAdLeftApplication();
//Kode disini akan di eksekusi saat Pengguna Meniggalkan Aplikasi/Membuka Aplikasi Lain
Toast.makeText(getApplicationContext(), "Iklan Ditinggalkan", Toast.LENGTH_SHORT).show();
}
@Override
public void onAdOpened() {
super.onAdOpened();
//Kode disini akan di eksekusi saat Pengguna Mengklik Iklan
Toast.makeText(getApplicationContext(), "Iklan Diklik", Toast.LENGTH_SHORT).show();
}
@Override
public void onAdLoaded() {
super.onAdLoaded();
//Kode disini akan di eksekusi saat Iklan Selesai Dimuat
Toast.makeText(getApplicationContext(), "Iklan Selesai Dimuat", Toast.LENGTH_SHORT).show();
}
});
//Setelah Iklan Selesai dimuat, pada saat Button di Klik, iklan akan muncul
showAds.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if(interstitialAd.isLoaded()){
interstitialAd.show();
}
}
});
}
}- Coba kalian jalankan project tersebut, tunggu hingga iklan selesai di muat( muncul pesan yang terdapat pada Toast ), setelah itu klik Button tersebut
Nah, akhirnya perjumpaan kita pada kali ini selesai sudah, kurang lebihnya seperti guys cara pemasangan iklan admob banner dan intersititial, dan dibawah ini hasil jadinya ( iklan intersititial muncul pada aplikasi yang sudah dibuat )..
Didalam source code diatas terdapat Package hack.facebookapps.admobexample;, karena kebetulan kali ini, saya sedang coba - coba membuat aplikasi yang beranama Hack Facebook Apps, untuk review tampilan aplikasinya sekaligus review kedua iklan ( iklan banner & intersititial ), sobat bisa liat videonya dibawah ini..
OK Next guys! itulah yang dapat admin blog DP BBM 23 bagikan, pada kesempatan kali ini.. mengenai Cara Memasang Iklan Banner & Intersititial Admob Pada Aplikasi Android, selamat siang dan sampai jumpa, Bye!