Cara Mengintegrasikan Google AdMob di aplikasi android Anda menggunakan Firebase

Cara Mengintegrasikan Google AdMob di aplikasi android Anda menggunakan Firebase

AdMob  oleh Google adalah cara mudah untuk memonetisasi aplikasi seluler dengan iklan dalam aplikasi yang ditargetkan. Ini dapat digunakan untuk mengintegrasikan iklan di berbagai platform seperti android, ios, dll.

AdMob oleh Google adalah platform iklan seluler yang dapat Anda gunakan untuk menghasilkan pendapatan dari aplikasi Anda. Menggunakan AdMob dengan Firebase Analytics memberi Anda kemampuan data dan analisis penggunaan aplikasi tambahan.

AdMob sekarang menjadi bagian dari Firebase. Oleh karena itu metode pengintegrasian iklan ke dalam aplikasi Anda sedikit berubah. Tetapi Google telah membuatnya lebih sederhana.

Berikut ini adalah prasyarat untuk mengintegrasikan iklan

  •  Android Studio 1.0 atau lebih tinggi
  •  Android API level 9 atau lebih tinggi
  •  Proyek Android Studio

Ada dua jenis iklan: Spanduk dan Interstisial

Iklan spanduk muncul di sebagian layar sementara iklan interstisial menutupi seluruh layar. Kami akan membahas cara menambahkan iklan spanduk.

Bagaimana memulainya?

  1. Pertama-tama Anda perlu membuat  akun AdMob . Jika Anda sudah memilikinya, lalu Login ke akun Anda.  

Catatan Anda tidak perlu memiliki situs web untuk mengintegrasikan iklan di aplikasi Anda.   

Pada langkah ini, itu juga akan meminta Anda untuk membuat akun AdSense. Klik ya dan lanjutkan ke langkah berikutnya.

  1. Setelah Anda masuk, klik tab Monetisasi

3 . Pilih aplikasi jika sudah diterbitkan di Play Store atau Klik Tambah Aplikasi Anda Secara Manual dan kemudian isi rincian aplikasi Anda.

  1. Pilih format iklan dan beri nama unit. (Banner dalam hal ini).

5 . Selesaikan semua langkah yang ada di sana.

  1. Setelah langkah di atas selesai, Anda mendapatkan ID unit iklan. ID unit iklan AdMob memiliki bentuk  ca-app-pub-XXXXXXXXXXXXXXXX / NNNNNNNNNNN .

Harap catat ID ini karena ini akan digunakan dalam tahap pengembangan selanjutnya.

 

Langkah terpenting setelah ini adalah membuat aplikasi di Firebase. Ini dapat dilakukan dengan cara berikut:

  • Buka   konsol Firebase dan buat aplikasi baru. Masukkan nama aplikasi dan negara.
  • Setelah aplikasi dibuat, klik Add Firebase ke opsi aplikasi Android Anda
  • Masukkan nama paket dan klik tambahkan aplikasi.
  • Dapatkan file konfigurasi. (file google-services.json)
  • Unduh dan pindahkan file konfigurasi ke app / folder proyek

Cara mengintegrasikan dengan kode aplikasi Anda yang ada:

  1. Buat proyek studio android baru atau buka proyek yang sudah ada. Tentukan tempat untuk menampilkan spanduk. Biasanya itu ditampilkan di bagian bawah layar Anda.
  1. Buka build.gradle level aplikasi dan tambahkan dependensi Firebase dan klik Sinkron Sekarang.

dependencies { compile ‘com.android.support:appcompat-v7:23.4.0’ compile ‘com.google.firebase:firebase-ads:9.0.0’ } apply plugin: ‘com.google.gms.google-services’


  1. Pergi ke file strings.xml dan tempel kode berikut.

<string name=”banner_ad_unit_id”>ca-app-pub-3940256099942544/6300978111</string>

Ini adalah tempat Anda menyimpan ID Unit Iklan. Jangan lupa untuk mengganti ID Unit Iklan Anda di sini.

  1. Edit AndroidManifest.xml Anda dan tambahkan kode di bawah ini

Tambahkan izin untuk mengakses koneksi internet dari perangkat yang diperlukan untuk memuat iklan. Selain itu, kami menambahkan meta-data layanan Google di sini dan menyatakan aktivitas iklan. Jadi, versi final Manifest akan terlihat seperti di bawah ini:

<?xml version=”1.0″ encoding=”utf-8″?> <manifest xmlns:android=”http://schemas.android.com/apk/res/android” package=”com.google.android.gms.example.bannerexample” > <!– Include required permissions for Google Mobile Ads to run–> <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” > <!–This meta-data tag is required to use Google Play Services.–> <meta-data android:name=”com.google.android.gms.version” android:value=”@integer/google_play_services_version”/> <activity android:name=”.MyActivity” android:label=”@string/app_name” > <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>

  1. Edit activity_main.xml Anda (File Layout)  dan tambahkan kode di bawah ini. Anda dapat menambahkan AdView di mana saja yang Anda inginkan. Tetapi pastikan itu tidak memengaruhi pandangan Anda yang ada. 

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:tools=”http://schemas.android.com/tools” xmlns:ads=”http://schemas.android.com/apk/res-auto” android:id=”@+id/container” android:layout_width=”match_parent” android:layout_height=”match_parent” android:layout_marginTop=”@dimen/activity_vertical_margin” tools:context=”.MyActivity” tools:ignore=”MergeRootFrame”> <TextView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_marginLeft=”@dimen/activity_horizontal_margin” android:layout_marginStart=”@dimen/activity_horizontal_margin” android:text=”@string/hello_world” /> <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” ads:adSize=”BANNER” ads:adUnitId=”@string/banner_ad_unit_id” /> </RelativeLayout>

  1. Buka MainAcitivity.java danubah kode seperti di bawah ini.  

Untuk menginisialisasi Iklan Seluler Google SDK saat peluncuran aplikasi, panggilan MobileAds.initialize ()  di  onCreate ()  method dari  MainActivity kelas.

Perubahan berikutnya yang diperlukan adalah agar Anda menambahkan kelas aktivitas utama aplikasi Anda beberapa kode Java yang memuat iklan ke  AdView , sebagai berikut.

mAdView = (AdView) findViewById(R.id.ad_view);AdRequest adRequest = new AdRequest.Builder() .addTestDevice(AdRequest.DEVICE_ID_EMULATOR) .build(); // Start loading the ad in the background. mAdView.loadAd(adRequest);

Jadi, MainAcitivity Anda harus terlihat seperti ini:

private AdView mAdView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); // Initialize the Mobile Ads SDK. MobileAds.initialize(this, “ca-app-pub-3940256099942544 3347511713”); // Gets the ad view defined in layout/ad_fragment.xml with ad unit ID set in // values/strings.xml. mAdView = (AdView) findViewById(R.id.ad_view); // Create an ad request. Check your logcat output for the hashed device ID to // get test ads on a physical device. e.g. // “Use AdRequest.Builder.addTestDevice(“ABCDEF012345″) to get test ads on this device.” AdRequest adRequest = new AdRequest.Builder() .addTestDevice(AdRequest.DEVICE_ID_EMULATOR) .build(); // Start loading the ad in the background. mAdView.loadAd(adRequest); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.my, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } /** Called when leaving the activity */ @Override public void onPause() { if (mAdView != null) { mAdView.pause(); } super.onPause(); } /** Called when returning to the activity */ @Override public void onResume() { super.onResume(); if (mAdView != null) { mAdView.resume(); } } /** Called before the activity is destroyed */ @Override public void onDestroy() { if (mAdView != null) { mAdView.destroy(); } super.onDestroy(); }

  1. Sekarang Jalankan aplikasi Anda dan Anda akan dapat melihat iklan di aplikasi Anda. Pastikan Anda menghapus addTestDevice dari contoh AdRequest sebelum memublikasikan aplikasi Anda.
  1. Setelah Anda menerapkan semua yang disebutkan di atas, Anda perlu menghubungkan aplikasi Anda dari AdMob ke aplikasi Firebase.Untuk melakukan ini, buka tab Analisis pada konsol AdMob Anda dan tautkan aplikasi Anda ke aplikasi Firebase.

catatan:

Sesuai Kebijakan AdMob, Anda tidak diizinkan untuk mengeklik iklan langsung Anda sendiri. Untuk melindungi akun AdMob Anda agar tidak ditangguhkan, gunakan iklan percobaan selama pengembangan karena Anda mungkin mengeklik iklan secara tidak sengaja.

Ketika Anda menjalankan proyek, jika Anda memantau LogCat, Anda dapat menemukan baris serupa

AdRequest.Builder.addTestDevice (“C04B1BFFB0774708339BC273F8A43708”) untuk mendapatkan iklan percobaan di perangkat ini. Salin id perangkat dan tambahkan ke AdRequest seperti yang ditunjukkan di bawah ini. Perhatikan bahwa ID ini bervariasi dari perangkat ke perangkat, Dengan melakukan ini, iklan percobaan akan dimuat alih-alih iklan langsung.

AdRequest adRequest = new AdRequest.Builder() .addTestDevice(AdRequest.DEVICE_ID_EMULATOR) // Check the LogCat to get your test device ID .addTestDevice(“C04B1BFFB0774708339BC273F8A43708”) .build();

Dalam produksi, Anda harus memastikan bahwa Anda menghapus metode addTestDevice () untuk merender iklan langsung dan memulai monetisasi.

Jadi, iklan percobaan terlihat seperti ini dan akan muncul di bagian bawah halaman:

Anda dapat mengunduh kode contoh dari sini.

Tinggalkan Balasan