11
Tutorial Implementasi Admob pada Aplikasi Android Yusuf Mufti Contact - Email : [email protected] - WA : 081915109090 - BBM : 7EDDD09D

system 4 ggooe 0503 os las tendencias para esta tempora

Embed Size (px)

DESCRIPTION

más grandes día a día. Ya contamos con más de 3 millones de usuarios y 220.000 diseñadores en Europa. En nuestro Lovebook de Otoño-Invierno 2013/2014 os presentamos las tendencias para esta temporada, desde la moda punk, que tan fuerte viene pisando con colores rojos y negros, hasta complementos para los mmás grandes día a día. Ya contamos con más de 3 millones de usuarios y 220.000 diseñadores en Europa. En nuestro Lovebook de Otoño-Invierno 2013/2014 os presentamos las tendencias para esta temporada, desde la moda punk, que tan fuerte viene pisando con colores rojos y negros, hasta complementos para los m

Citation preview

Page 1: system 4 ggooe 0503 os las tendencias para esta tempora

Tutorial

Implementasi Admob pada

Aplikasi Android

Yusuf Mufti

Contact

- Email : [email protected]

- WA : 081915109090

- BBM : 7EDDD09D

Page 2: system 4 ggooe 0503 os las tendencias para esta tempora

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

Page 3: system 4 ggooe 0503 os las tendencias para esta tempora

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”.

Page 4: system 4 ggooe 0503 os las tendencias para esta tempora

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.

Page 5: system 4 ggooe 0503 os las tendencias para esta tempora

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.

Page 6: system 4 ggooe 0503 os las tendencias para esta tempora

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

Page 7: system 4 ggooe 0503 os las tendencias para esta tempora

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>

Page 8: system 4 ggooe 0503 os las tendencias para esta tempora

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(); }

Page 9: system 4 ggooe 0503 os las tendencias para esta tempora

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(); } }

Page 10: system 4 ggooe 0503 os las tendencias para esta tempora

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();

Page 11: system 4 ggooe 0503 os las tendencias para esta tempora

Tutorial Admob sederhana

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

} } }

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