Cara pasang new admob banner dan interstitial

EnterTechno.com – Cara pasang new admob banner dan interstitial pada aplikasi android yang telah kita buat dan tutorial sehingga apps kita siap di publish di google play. EnterTechno.com akan menjelaskan langkah demi langkah menambahkan admob baru menggunakan eclipse dengan disertai gambar.

developer android

Hal pertama kali yang harus kita lakukan adalah mengambil publisher ID admob kita. Lihat gambar dibawah:

gambar contoh id publisher admob baru

Update Google Play Service Library pada Eclipse

Setelah memiliki ID pubisher buat apps kita, selanjutnya adalah download Google Play Service Library pada Eclipse jika belum terinstal di eclipse anda. Lihat gambar

Update Google Play Service Library pada Eclipse

Hasil download tadi kalo di tempat saya berada di C:\Eclipse\sdk\extras\google\google_play_services\libproject mungkin di tempat anda berada pada folder lain tergantung pada pertama kali anda install eclipse.

Folder Google Play Service Library

Saya asumsikan anda sudah bisa membuat project baru, kemudian Import Google Play Service Library ke app anda. Lihat gambar

Import Google Play Service Library pada Eclipse

Langkah selanjutnya buka MainActivity.java dan copy kode di bawah ini:

package com.androidbegin.newadmobtutorial;
 
import com.google.android.gms.ads.AdListener;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
import com.google.android.gms.ads.InterstitialAd;
 
import android.os.Bundle;
import android.app.Activity;
 
public class MainActivity extends Activity {
    private InterstitialAd interstitial;
 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Get the view from activity_main.xml
        setContentView(R.layout.activity_main);
 
        // Prepare the Interstitial Ad
        interstitial = new InterstitialAd(MainActivity.this);
        // Insert the Ad Unit ID
        interstitial.setAdUnitId("ca-app-pub-123456789/123456789");
 
        //Locate the Banner Ad in activity_main.xml
        AdView adView = (AdView) this.findViewById(R.id.adView);
 
        // Request for Ads
        AdRequest adRequest = new AdRequest.Builder()
 
        // Add a test device to show Test Ads
         .addTestDevice(AdRequest.DEVICE_ID_EMULATOR)
         .addTestDevice("CC5F2C72DF2B356BBF0DA198")
                .build();
 
        // Load ads into Banner Ads
        adView.loadAd(adRequest);
 
        // Load ads into Interstitial Ads
        interstitial.loadAd(adRequest);
 
        // Prepare an Interstitial Ad Listener
        interstitial.setAdListener(new AdListener() {
            public void onAdLoaded() {
                // Call displayInterstitial() function
                displayInterstitial();
            }
        });
    }
    public void displayInterstitial() {
        // If Ads are loaded, show Interstitial else show nothing.
        if (interstitial.isLoaded()) {
            interstitial.show();
        }
    }
}

Pada kode MainActivity.java diatas kita coba menggunakan tes iklan untuk menghindari invalid klik dengan menambahkan random text pada addTestDevice seperti kode seperti di bawah ini:

// Request for Ads
        AdRequest adRequest = new AdRequest.Builder()
 
        // Add a test device to show Test Ads
         .addTestDevice(AdRequest.DEVICE_ID_EMULATOR)
         .addTestDevice("abcdefgh") //Random Text
                .build();
 
        // Load ads into Banner Ads
        adView.loadAd(adRequest);

Tes run aplikasi dan lihat di logcat cari “ads” seperti pada gambar di bawah ini.

Logcat

Copy random text yang kita dapatkan dari logcat pada addTestDevice dan kita sudah memiliki tes iklan.

Bagaimana cara menampilkan iklan asli (bukan iklan tes)? Caranya tinggal tambahkan dua slash “//” pada kedua baris kode addTestDevice seperti pada gambar di bawah ini.

AdRequest adRequest = new AdRequest.Builder()
//.addTestDevice(AdRequest.DEVICE_ID_EMULATOR)
//.addTestDevice("abc")
.build();
adView.loadAd(adRequest);

Membuat Layout XML di MainActivity

Berikut ini kode activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <com.google.android.gms.ads.AdView
        android:id="@+id/adView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ads:adSize="BANNER"
        ads:adUnitId="ca-app-pub-1234567890" />
 
</LinearLayout>

Selanjutnya pada AndroidManifest.xml kita tinggal declare activity Google Play Services beserta permissions untuk akses internet dan cek network status.

Dibawah ini kode AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.androidbegin.newadmobtutorial"
    android:versionCode="1"
    android:versionName="1.0" >
 
    <uses-sdk
        android:minSdkVersion="9"
        android:targetSdkVersion="18" />
 
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
 
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
 
        <meta-data
            android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
 
        <activity
            android:name="com.google.android.gms.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" />
    </application>
 
</manifest>

Hasilnya iklan admob sudah bisa di tampilkan seperti screenshoot dibawah ini.

Tutorial aplikasi dengan iklan admob

Demikianlah cara pasang new admob banner dan interstitial pada aplikasi android. Mudah-mudahan ilmu ini bisa berharga untuk perkembangan developer android dalam negri. Semoga sukses