Skip to content Skip to sidebar Skip to footer
Home / Tutorial Android

Cara memasang Banner dan Interstitial Admob di Android Aplikasi

Posted by Soundrenaline Post a Comment

Dalam tutorial ini kita akan belajar bagaimana menampilkan iklan pada aplikasi Android kita. Iklan dapat dari berbagai jenis seperti :

  • Banner Ads
  • Interstitial Ads
  • Rewarded Video Ads

Iklan banner : iklan banner adalah teks persegi panjang atau iklan gambar yang menempati tempat kecil dalam tata letak aplikasi. Iklan banner tetap pada tata letak sementara pengguna berinteraksi dengan aplikasi dan iklan refresh setelah jangka waktu tertentu..

Iklan Interstitial : iklan interstisial adalah iklan layar penuh yang mencakup seluruh tata letak aplikasi. Iklan pengantara ditampilkan pada titik transisi aplikasi. Sementara iklan Interstitial ditampilkan, pengguna adalah dua pilihan baik klik di atasnya dan pindah ke lokasi iklan atau baik menutupnya dan kembali ke aplikasi.

Baca Juga...

Iklan video Reward : iklan video Reward menampilkan iklan video layar penuh untuk ditukar dengan imbalan aplikasi.

# Membuat unit iklan

1. Untuk menerapkan Google AdMob, kita perlu membuat accout AdMob terlebih dahulu
https://apps.admob.com/signup

2. Setelah login melalui akun AdMob, klik monetisasi tab untuk membuat id iklan untuk aplikasi yang sudah ada atau untuk aplikasi baru. Untuk aplikasi kita yang ada kita klik "Cari APP Anda" dan untuk aplikasi baru kita klik "ADD YOUR APP manual" dan memberikan nama aplikasi kita.

Banner dan Interstitial Admob

3. Sekarang kita memilih jenis iklan yang akan ditampilkan pada tata letak aplikasi. Untuk iklan banner klik tab banner, untuk iklan Interstitial klik tab Interstitial, untuk iklan video Reward klik pada pengantara Reward.

-- Banner Ads :

Banner dan Interstitial Admob

-- Interstitial Ads :

Banner dan Interstitial Admob

Setelah berhasil membuat id unit iklan, jendela baru menampilkan nama unit iklan dan ID unit iklan.

Banner dan Interstitial Admob


# Tahap Penerapan iklan admob di aplikasi


1. Iklan banner AdMob

Mari buat aplikasi untuk menampilkan iklan banner Google AdMob pada tata letaknya.

* File : build.gradle file
Tambahkan dependensi Google Ads yang diperlukan di file Build. gradle. 

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

---Izin yang diperlukan---
Tambahkan izin pengguna yang diperlukan dalam file AndroidMenifest.xml 
<uses-permission android:name="android.permission.INTERNET" />  
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

* File : activity.xml
Membuat Google Ads tampilan AdView di file Activity.xml. 

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    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.example.test.bannerads.MainActivity">  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="Banner Ads Example" />  
  
    <com.google.android.gms.ads.AdView  
        android:id="@+id/ad_view"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_centerHorizontal="true"  
        android:layout_alignParentBottom="true"  
        app:adSize="BANNER"  
        app:adUnitId="@string/banner_ad_unit_id"  
        />  
  
  
</RelativeLayout>

* File : strings.xml 

<resources>  
    <string name="app_name">BannerAds</string>  
    <string name="banner_ad_unit_id">ca-app-pub-3940256099942544/6300978111</string>  
</resources>

* File : MainActivity.java 

package com.example.test.bannerads;  
  
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
  
import com.google.android.gms.ads.AdRequest;  
import com.google.android.gms.ads.AdView;  
  
public class MainActivity extends AppCompatActivity {  
    private AdView adView;  
    AdRequest adRequest;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        adView = (AdView) findViewById(R.id.ad_view);  
        adRequest = new AdRequest.Builder().build();  
        adView.loadAd(adRequest);  
  
  
    }  
    @Override  
    public void onPause() {  
        if (adView != null) {  
            adView.pause();  
        }  
        super.onPause();  
    }  
  
    @Override  
    public void onResume() {  
        super.onResume();  
        if (adView != null) {  
            adView.resume();  
        }  
    }  
  
    @Override  
    public void onDestroy() {  
        if (adView != null) {  
            adView.destroy();  
        }  
        super.onDestroy();  
    }  
}

* File : AndroidManifest.xml 

<?xml version="1.0" encoding="utf-8"?>  
<manifest xmlns:android="http://schemas.android.com/apk/res/android"  
    package="com.example.test.bannerads">  
    <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">  
        <activity android:name=".MainActivity">  
            <intent-filter>  
                <action android:name="android.intent.action.MAIN" />  
  
                <category android:name="android.intent.category.LAUNCHER" />  
            </intent-filter>  
        </activity>  
    </application>  
  
</manifest>

Catatan : iklan ditampilkan pada perangkat Android yang sebenarnya tidak di emulator Android.

Maka akan tampil seperti contoh pada screenshot dibawah ini.

Banner dan Interstitial Admob


2. Iklan Interstitial AdMob

Mari kita membuat sebuah aplikasi untuk menampilkan iklan Interstitial layar penuh dari Google AdMob pada tata letaknya.

* File : build.gradle file
Tambahkan dependensi Google Ads yang diperlukan di file Build.gradle. 

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

---Izin yang diperlukan---
Tambahkan izin pengguna yang diperlukan dalam file AndroidMenifest.xml 
<uses-permission android:name="android.permission.INTERNET" />  
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

* File : activity.xml
Buat file Activity.xml sesuai dengan tata letak desain Anda yang diperlukan. 

<?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"  
    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.example.test.interstitialad.MainActivity">  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="Interstitial Ads"  
        android:id="@+id/textView"  
        android:layout_alignParentTop="true"  
        android:layout_centerHorizontal="true" />  
  
    <Button  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="Start New Activity"  
        android:id="@+id/button"  
        android:layout_alignParentBottom="true"  
        android:layout_centerHorizontal="true" />  
</RelativeLayout>

* File : MainActivity.java file 

package com.example.test.interstitialad;  
  
import android.content.Intent;  
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
import android.view.View;  
import android.widget.Button;  
  
public class MainActivity extends AppCompatActivity {  
    Button button;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        button=(Button)findViewById(R.id.button);  
        button.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                   Intent intent = new Intent(MainActivity.this, InterstitialAdsActivity.class);  
                  startActivity(intent);  
  
            }  
        });  
    }  
}

* File : strings.xml 

<resources>  
    <string name="app_name">InterstitialAd</string>  
    <string name="interstitial_full_screen">ca-app-pub-0664570763252260/1769900428</string>  
</resources>

* File : activity_interstitial_ads.xml
Buat aktivitas tata letak lain yang menampilkan iklan interstisial. 

<?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"  
    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.example.test.interstitialad.InterstitialAdsActivity">  
  
</RelativeLayout>

* File : InterstitialAdsActivity.java 

package com.example.test.interstitialad;  
  
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
  
import com.google.android.gms.ads.AdListener;  
import com.google.android.gms.ads.AdRequest;  
import com.google.android.gms.ads.InterstitialAd;  
  
public class InterstitialAdsActivity extends AppCompatActivity {  
    InterstitialAd mInterstitialAd;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_interstitial_ads);  
        mInterstitialAd = new InterstitialAd(this);  
  
        // set the ad unit ID  
        mInterstitialAd.setAdUnitId(getString(R.string.interstitial_full_screen));  
  
        AdRequest adRequest = new AdRequest.Builder().build();  
  
        // Load ads into Interstitial Ads  
        mInterstitialAd.loadAd(adRequest);  
  
        mInterstitialAd.setAdListener(new AdListener() {  
            public void onAdLoaded() {  
                showInterstitial();  
            }  
        });  
    }  
  
    private void showInterstitial() {  
        if (mInterstitialAd.isLoaded()) {  
            mInterstitialAd.show();  
        }  
    }  
  
  
}

* File : AndroidManifest.xml 

<?xml version="1.0" encoding="utf-8"?>  
<manifest xmlns:android="http://schemas.android.com/apk/res/android"  
    package="com.example.test.interstitialad">  
  
    <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">  
        <activity android:name=".MainActivity">  
            <intent-filter>  
                <action android:name="android.intent.action.MAIN" />  
  
                <category android:name="android.intent.category.LAUNCHER" />  
            </intent-filter>  
        </activity>  
        <activity android:name=".InterstitialAdsActivity"></activity>  
    </application>  
  
</manifest>

Catatan : iklan ditampilkan pada perangkat Android yang sebenarnya tidak di emulator Android.

Output :

Banner dan Interstitial Admob








Post a Comment for "Cara memasang Banner dan Interstitial Admob di Android Aplikasi"