system 4googel 0302 isuals in a SlideShare deck are i
-
Upload
nga.nguyen -
Category
Others
-
view
6 -
download
0
description
Transcript of 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
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
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
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”.
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
7. Selanjutnya akan muncul seperti gambar berikut ini
8. Kita klik untuk Banner dan akan ada beberapa pengaturan seperti pada gambar.
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
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.
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
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
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
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" /> <!-- tambahkan permission berikut ini --> <uses-permission android:name="android.permission.INTERNET" /> <!-- permission untuk mengecek koneksi 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" > <!-- Tambahkan meta data google play service --> <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" /> <!-- Activity required to show ad overlays. --> <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>
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
<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(); }
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
@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(); } }
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
@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();
Tutorial Admob sederhana
Yusuf Mufti , [email protected], WA 081 915 10 9090 , BBM 7EDDD09D
} } }
9. Jalankan di Emulator atau device yang memiliki koneksi internet.