Skip to main content
aplikasi android integrasi admob

Aplikasi Android Integrasi Admob Google

Aplikasi Android Integrasi Admob Google

Salam Sejahtera, berjumpa kembali di seri belajar pemrograman Android, kali ini pembahasan lanjutan dari sebelumnya tentang Cara Memasang Admob Pada Aplikasi Android yaitu tentang aplikasi android integrasi admob. Pembahasan ini seri kedua dari pembahasan sebelumnya. Pada tahap ini kita akan mulai langsung ke pembuatan aplikasi Android setelah sebelumnya kita sudah mendaftar untuk Google AdMob nya.

Baca materi sebelumnya :

Video Tutorial  Aplikasi Android Integrasi Admob Google

Download Source Code

Via DropBox

Pembuatan Aplikasi Android Integrasi Admob Google

kita mulai pembahasan pembuatan Aplikasi Android Integrasi Admob Google. Seperti pembahasan awal kita menggunakan IDE Android Studio 2.0. Silahkan buka IDE nya kemudian buatkan sebuah project baru dengan konfigurasi berikut :

  • Application Name : App_admob
  • Min. SDK : API 15
  • Target SDK : API 23
  • Activity Name : Main
  • Layout Name : main

Jika sudah berhasil dalam tahap pembuatan project, kini kita masuk ketahap berikutnya.

Update SDK

Pertama kali untuk meng integrasikan Google Admob dengan aplikasi android, pastikan SDK nya sudah terinstall Tools ” Google PlayService “. Lihat gambar :

aplikasi android integrasi admob
Update SDK Google play Services

Edit Dependencies build.gradle

Selanjutnya kita tambahkan baris kode pada “build.gradle” di dependencies nya, tambahkan baris kode :

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

Sehingga akan jadi seperti berikut :

aplikasi android integrasi admob
Ubah Build:gradle

Tambahkan Kode Iklan di String.xml

Kode iklan bisa didapatkan pada halaman kode unit akun Admob yang telah dibuat. Baca lagi materi sebelumnya tentang cara daftar dan buat kode unit admob. Buka file “String.xml” yang terletak di “values”. kemudian jadikan kodenya menjadi sebagai berikut :

<resources>
    <string name="app_name">App_admob</string>
    <string name="msg_welcome">Selamat Datang di Admob.</string>
    
    <!-- AdMob ad unit IDs , Kode ADMOB-->
    <string name="banner_home_footer">ca-app-pub-2030599850831989/7212455552</string>
   </resources>

Note :

  • Kode Iklan nya sesuaikan dengan kode masing-masing atau sebagai contoh belajar cukup kode tersebut saja di save.

Edit AndroidManifest.xml

Kita tambahkan beberapa baris kode di androidmanifest.xml. yaitu dengan menambahkan :

  • add INTERNET & ACCES_NETWORK_STATE permission untuk bisa akses internet
  • Add google play service version meta-data
  • add AdActivity dan configChanges dan thema
Sehingga file androidmanifest.xml akan jadi sebagai berikut:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
package="com.aplikasi.ciqwan.app_admob">

    <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:supportsRtl="true" 
android:theme="@style/AppTheme">

        <!-- Kode untuk Tambah Admob -->
        <meta-data 
android:name="com.google.android.gms.version" 
android:value="@integer/google_play_services_version" />


        <activity 
android:name=".Main">
            <intent-filter>
                <action 
android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <!--Include the AdActivity configChanges and 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>

Tambahkan Widget Banner Ads

kita memasuki tahapan untuk menambahkan banner pada aplikasi kita. sebenarnya kta bisa menempatkan iklan nya dimanapun. Untuk contoh ini kita akan letakkan di bawah (footer) aplikasi. Kode yang ditambahkan untuk banner yaitu :
 <com.google.android.gms.ads.AdView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/adView" 
android:layout_centerHorizontal="true" 
android:layout_alignParentBottom="true" 
ads:adSize="BANNER" 
ads:adUnitId="@string/banner_home_footer" >

Kode tersebut akan kita letakkan di halaman aplikasi. Buka file “main.xml” edit kodenya menjadi :

<?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" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.aplikasi.ciqwan.app_admob.Main">

    <TextView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="@string/msg_welcome" />
    

    <com.google.android.gms.ads.AdView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/adView" 
android:layout_centerHorizontal="true" 
android:layout_alignParentBottom="true" 
ads:adSize="BANNER" 
ads:adUnitId="@string/banner_home_footer" >
    </com.google.android.gms.ads.AdView>

</RelativeLayout>

Tampilan nya akan menjadi berikut:

aplikasi android integrasi admob
Tampilan Halaman Aplikasi

Ubah Class Main.java

Terakhir, kita akan ubah coding di class Main.java. Kita perlukan kode berikut untuk tampilkan iklan google nya:
  • Buatkan instance AdRequest dan load ads ke AdView.
  • Ad di AdView methods di  onResume(), onPause() dan onDestroy() methods.
Sehingga kode Main.java akan menjadi sebagai berikut:
package com.aplikasi.ciqwan.app_admob;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

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

public class Main extends AppCompatActivity {
    private AdView mAdView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

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

    @Override
    public void onPause() {
        if (mAdView != null) {
            mAdView.pause();
        }
        super.onPause();
    }

    @Override
    public void onResume() {
        super.onResume();
        if (mAdView != null) {
            mAdView.resume();
        }
    }

    @Override
    public void onDestroy() {
        if (mAdView != null) {
            mAdView.destroy();
        }
        super.onDestroy();
    }
}

Run Project

Tahap akhir dalam pembahasan Aplikasi Android Integrasi Admob Google kita akan ujicoba run projectnya untuk memastikan iklan nya muncul pada halaman aplikasi kita. Pastikan ketika menjalankan projectnya koneksi Internet nya aktif dan stabil.
aplikasi android integrasi admob
Hasil Iklan Tampil
Untuk melihat hasilnya, nonton kembali video demo hasilnya.

Kesimpulan Pembahasan Aplikasi Android Integrasi Admob Google

  • Google adMob adalah  Adsense Mobile Pay per click yaitu sebuah layanan iklan secara mobile.
  • Aplikasi mobile yang menggunakan AdMob bisa kemungkinan untuk mendapatkan penghasilan lewat iklan
  • Pastikan untuk mendapat kode iklan Admob kita telah mendaftar terlebih dahulu.

 Semoga materi tentang  Aplikasi Android Integrasi Admob Google bermanfaat untuk semuanya.

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com