system 4googel 0302 isuals in a SlideShare deck are i

Tutorial

Implementasi Admob pada

Aplikasi Android

Yusuf Mufti

Contact

- Email : [email protected]

- WA : 081915109090

- BBM : 7EDDD09D

mailto:[email protected]

Tutorial Admob sederhana

Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D

Pembahasan Unit ID di situs Admob

1. Buka alamat www.admob.com/login/ di browser Anda

2. Masuklah dengan akun gmail Anda, Isilah beberapa step termasuk form pendaftaran yang

diminta oleh Admob.

3. Setelah selesai melengkapi pendaftaran kita akan diarahkan ke halaman dashboard. Pilih

menu Monetize pada tab atas.

4. Klik tombol merah Monetize new app dan hasilnya akan seperti gambar di bawah ini

http://www.admob.com/login/



5. Masukkan nama projek aplikasi di Playstore

6. Kita pilih tombol “Select” pada aplikasi yang kita inginkan. Hasilnya akan seperti gambar di

bawah ini. Pilih “Add app”.



7. Selanjutnya akan muncul seperti gambar berikut ini

8. Kita klik untuk Banner dan akan ada beberapa pengaturan seperti pada gambar.



9. Kemudian kita ketikkan sebuah nama untuk memudahkan mengingat konsep banner id

tersebut, misalnya kita ketikkan “Banner atas” dan hasilnya akan seperti gambar berikut ini

Kita telah memiliki unit ID = ”ca-app-pub-7401731552402144/993229xxxxx” yang

akan kita tambahkan pada source code aplikasi Indo Mommy.



Pembahasan Projek Android

Sekarang kita akan mencoba mengimplementasikan unit id yang telah kita dapatkan dengan

hasil akhirnya nanti seperti berikut ini.

Langkah-langkahnya sebagai berikut.

1. Buka projek aplikasi kita di Android Development Tool

2. Pada aplikasi yang telah kita buat (misalnya dalam contoh IndoMommy) ada beberapa

file yang perlu diedit (file AndroidManifest.xml, file layout xml, dan file

MainActivity.java) dan ada file tambahan (ToastAdListner.java).

3. Lihat struktur file pada contoh berikut ini



4. Sebelum masuk ke pengeditan file, kita tambahkan terlebih dahulu library google play

service pada properties projek aplikasi kita.

5. Kemudian kita edit AndroidManifest.xml dengan menambahkan beberapa kode yang

diberi latar belakang warna kuning

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.yusfa.indomommy" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="19" />  <uses-permission android:name="android.permission.INTERNET" />  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >  <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"/>

<activity android:name="com.yusfa.indomommy.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> </application> </manifest>

6. Kemudian Tambahkan file ToastAdListner.java pada folder src

package com.yusfa.indomommy; import com.google.android.gms.ads.AdListener; import com.google.android.gms.ads.AdRequest; import android.content.Context; import android.widget.Toast; /** * An ad listener that toasts all ad events. */ public class ToastAdListener extends AdListener { private Context mContext; public ToastAdListener(Context context) { this.mContext = context; } @Override public void onAdLoaded() { Toast.makeText(mContext, "onAdLoaded()", Toast.LENGTH_SHORT).show(); } @Override public void onAdFailedToLoad(int errorCode) { String errorReason = ""; switch(errorCode) { case AdRequest.ERROR_CODE_INTERNAL_ERROR: errorReason = "Internal error"; break; case AdRequest.ERROR_CODE_INVALID_REQUEST: errorReason = "Invalid request"; break; case AdRequest.ERROR_CODE_NETWORK_ERROR: errorReason = "Network Error"; break; case AdRequest.ERROR_CODE_NO_FILL: errorReason = "No fill"; break; } Toast.makeText(mContext, String.format("onAdFailedToLoad(%s)", errorReason), Toast.LENGTH_SHORT).show(); } @Override public void onAdOpened() { Toast.makeText(mContext, "onAdOpened()", Toast.LENGTH_SHORT).show(); } @Override public void onAdClosed() { Toast.makeText(mContext, "onAdClosed()", Toast.LENGTH_SHORT).show(); }



@Override public void onAdLeftApplication() { Toast.makeText(mContext, "onAdLeftApplication()", Toast.LENGTH_SHORT).show(); } }

7. Kemudian edit file layout xml pada tampilan yang akan dimunculkan iklan admobnya.

Misalnya file fragment_main.xml dan tambahkan pula unit id di dalam xml tersebut.

<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="com.yusfa.indomommy.MainActivity$PlaceholderFragment" > <com.google.android.gms.ads.AdView xmlns:ads="http://schemas.android.com/apk/res-auto" android:id="@+id/adView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" ads:adSize="BANNER" ads:adUnitId="ca-app-pub-7401731552402144/993229xxxx" > </com.google.android.gms.ads.AdView> </RelativeLayout>

8. Selanjutnya adalah mengedit file MainActivity.java. Kode dengan latar belakang warna

kuning artinya itu adalah kode khusus admob yang kita tambahkan.

package com.yusfa.indomommy; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v7.app.ActionBarActivity; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.ViewGroup; import com.google.android.gms.ads.AdRequest; import com.google.android.gms.ads.AdView; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); if (savedInstanceState == null) { getSupportFragmentManager().beginTransaction() .add(R.id.container, new PlaceholderFragment()).commit(); } }



@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } public static class PlaceholderFragment extends Fragment { /* membuat variabel */ private AdView mAdView; public PlaceholderFragment() { } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container,false); /* inisiasi ke layout */ mAdView = (AdView) rootView.findViewById(R.id.adView); /* Memberikan method pada banner Admob*/ mAdView.setAdListener(new ToastAdListener(getActivity())); /* Mengirim request admob*/ mAdView.loadAd(new AdRequest.Builder().build()); return rootView; } /* onPause onResume onDestroy untuk mengatur * penggunaan method admob agar tidak memberatkan smartphone * */ @Override public void onPause() { mAdView.pause(); super.onPause(); } @Override public void onResume() { super.onResume(); mAdView.resume(); } @Override public void onDestroy() { mAdView.destroy(); super.onDestroy();



} } }

9. Jalankan di Emulator atau device yang memiliki koneksi internet.

Others

system 4googel 0302 isuals in a SlideShare deck are i