Tutorial Memasang Admob di Aplikasi Android

admob 9 Agt 2015

Tutorial Memasang Admob di Aplikasi Android. Tutorial ini akan menunjukkan cara mengintegrasi Google Mobile Ads SDK ke dalam aplikasi android dan menampilkan iklan banner sederhana. Jika Anda baru dalam hal Google Mobile Ads, inilah tempat yang bagus untuk memulai sebelum melanjutkan tutorial yang advanced.

Tutorial Memasang Admob di Aplikasi Android

1.Klik start a new Android Studio Project untuk membuat project android baru.
2.Kemudian Konfigurasikan penamaan aplikasi dan package. Sebagai contoh kita gunakan nama AdsMob.
3.Pada bagian penentuan build target, pilih SDK minimum versi 9 :android 2.3:(Gingerbread). Itu versi minimum yang didukung Google Mobile Ads SDK.
4.Pada saat pemilihan Add an activity to mobile,pilih blank activity.
5.Pada choose optional for your new file, klik Finish.
Jika Anda masih kesulitan pada langkah diatas,dapat membaca artikel berikut ini Membuat Project Android di Android Studio.
6.Pastikan SDK Manager sudah terinstall Google Repository.
sdk manager need google repository admob
7. Sekarang google play service sudah terinstall di SDK, sekarang kita akan menambahkan google play service di aplikasi. Masukkan kode berikut ini di build.gradle yang terletak di AdsMob/App/

compile 'com.google.android.gms:play-services-ads:7.5.0'

include google play service on app
Sekarang coba run aplikasi kita, jika tidak ada error berarti kita bisa melanjutkan langkah berikut.
8. Untuk meta-data tag google play services, permission dan adActivity yang dibutuhkan oleh mobile Ads SDK, Modifikasi file AndroidManifest.xml seperti berikut.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.teknorial.adsmob" >
    <!-- Include permission untuk Google Mobile Ads-->
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <!--meta-data tag yang diperlukan untuk menggunakan Google Play Services.-->
        <meta-data android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <!--memasukan elemen Activity dengan atribut configChanges dan theme-->
        <activity android:name="com.google.android.gms.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
            android:theme="@android:style/Theme.Translucent" />
    </application>
</manifest>

[AdSense-A]
9. Sekarang kita akan memasukkan Admob ID ke dalam aplikasi, contoh admob ID ca-app-pub-XXXXXXXXXXXXXXXX/NNNNNNNNNN, Anda bisa mendapatkan Admob ID di https://www.google.com/admob/. buka strings.xml yang berada di direktori berikut Admob/app/src/main/res/values/strings.xml

<resources>
    <string name="app_name">AdsMob</string>
    <!-- Memasukkan Admob ID, Sebagai contoh Anda bisa gunakan ID berikut -->
    <string name="banner_ad_unit_id">ca-app-pub-3940256099942544/6300978111</string>

    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
</resources>

example admob id
10. Untuk menampilkan iklan di layout, kita perlu menambahkan elemen AdView dan namespace yang dibutuhkan di activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
    <TextView android:text="@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <!--menambahkan elemen AdView untuk menampilkan iklan/ads-->
    <com.google.android.gms.ads.AdView
        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="@string/banner_ad_unit_id">
    </com.google.android.gms.ads.AdView>
</RelativeLayout>


activity main admob android studio
11 Terakhir, kita perlu menambahkan beberapa class java di MainActivity untuk load iklan/Ad masuk kedalam adView. Buka MainActivity.java dan modifikasi seperti berikut.

package com.teknorial.adsmob;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import com.google.android.gms.ads.AdRequest; //Import class AdRequest
import com.google.android.gms.ads.AdView;    //import class Adview
public class MainActivity extends ActionBarActivity {
    //ActionBarActivity sudah deprecated
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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


android.support.v7.actionbaractivity sudah deprecated, ini akan menjadi masalah jika Anda menggunakan Android SDK versi 22 ke atas, Anda bisa menggantikan dengan AppCompatActivity.

Run aplikasi kita, jika tidak error maka seharusnya kamu bisa melihat banner iklan seperti screenshot berikut.
admob test nexus-5
Jika Anda ingin source code aplikasi diatas, dapat klik link berikut:

Download Source Code

Demikian Artikel Tutorial Memasang Admob di Aplikasi Android. Jika Anda mengalami kesulitan jangan ragu untuk bertanya pada kotak komentar dan email saya. Ikuti terus teknorial.com, Terima Kasih ?

Tag