Panduan ini menunjukkan cara menggunakan Google Mobile Ads SDK for React Native untuk memuat dan menampilkan iklan dari i-mobile menggunakan mediasi, yang mencakup integrasi waterfall. Panduan ini membahas cara menambahkan i-mobile ke konfigurasi mediasi unit iklan, serta cara mengintegrasikan SDK dan adaptor i-mobile ke aplikasi React Native.
Antarmuka dasbor untuk i-mobile menggunakan teks bahasa Jepang untuk label, tombol, dan deskripsinya. Screenshot dalam panduan ini belum diterjemahkan. Namun, dalam deskripsi dan petunjuk panduan ini, label dan tombol diterjemahkan dengan padanan bahasa Inggrisnya dalam tanda kurung.
Integrasi dan format iklan yang didukung
Adaptor mediasi AdMob untuk i-mobile memiliki kemampuan berikut:
| Integrasi | |
|---|---|
| Bidding | |
| Air Terjun | |
| Format | |
| Membuka Aplikasi | |
| Banner | |
| Interstisial | |
| Reward | |
| Interstisial Reward | |
| Native | |
Prasyarat
Sebelum melanjutkan, pastikan hal berikut:
- Versi Google Mobile Ads SDK for React Native terbaru.
- Framework React Native versi 0.85.0 atau yang lebih baru.
- Untuk men-deploy di Android
- Android API level 24 atau yang lebih baru.
- Untuk men-deploy di iOS
- Target deployment iOS 13.0 atau yang lebih baru.
- Project React Native yang berfungsi dan dikonfigurasi dengan Google Mobile Ads SDK for React Native. Lihat
Menyiapkan Google Mobile Ads SDK for React Native untuk mengetahui detailnya.
- Pastikan Anda telah mendownload dan mengekstrak folder
adaptersdari foldergma-sdk-react-native. Jika Anda tidak memiliki folderadapters, ikuti langkah satu, dua, dan tiga di Menginstal Google Mobile Ads SDK for React Native.
- Pastikan Anda telah mendownload dan mengekstrak folder
- Siapkan Mediasi AdMob.
Langkah 1: Siapkan konfigurasi di UI i-mobile
Daftar atau login ke akun i-mobile Anda.
Tambahkan aplikasi Anda ke dasbor i-mobile dengan mengklik tab サイト/アプリ管理 (Pengelolaan Situs/Aplikasi) dan tombol untuk platform aplikasi Anda.
Android

iOS

Isi formulir, lalu klik tombol 新規登録 (Daftar).
Android

iOS

Untuk membuat Advertising Spot baru, pilih aplikasi Anda di tab サイト/アプリ管理 (Site/Application Management).
Android

iOS

Buka tab 広告スポット管理 (Pengelolaan Spot Iklan), lalu klik tombol 新規広告スポット (Spot Iklan Baru).
Selanjutnya, isi formulir dengan memberikan 広告スポット名 (Nama Spot Iklan), 広告スポットサイズ (Ukuran Spot Iklan), dan detail lainnya. Kemudian, klik tombol 新規登録 (Daftar).
Slot iklan baru Anda sudah siap. Untuk melihat detail integrasinya, klik tombol アプリ設定取得 (Dapatkan setelan Aplikasi).
Catat パブリッシャーID (ID Penayang), メディアID (ID Media), dan スポットID (ID Spot). Anda akan memerlukan parameter ini nanti saat mengonfigurasi i-mobile untuk mediasi di UI AdMob.
Android

iOS

Memperbarui app-ads.txt
Authorized Sellers for Apps app-ads.txt adalah inisiatif IAB Tech Lab yang membantu memastikan
inventaris iklan aplikasi Anda hanya dijual melalui saluran yang telah Anda identifikasi sebagai resmi. Untuk mencegah kerugian pendapatan iklan yang signifikan, Anda harus menerapkan file app-ads.txt.
Jika Anda belum melakukannya,
siapkan file app-ads.txt untuk aplikasi Anda.
Untuk menerapkan app-ads.txt untuk i-mobile, lihat
Pertanyaan Umum (FAQ) mereka.
Langkah 2: Siapkan permintaan i-mobile di UI AdMob
Mengonfigurasi setelan mediasi untuk unit iklan Anda
Android
Untuk mengetahui petunjuknya, lihat langkah 2 dalam panduan untuk Android.
iOS
Untuk mengetahui petunjuknya, lihat langkah 2 dalam panduan untuk iOS.
Langkah 3: Impor SDK dan adaptor i-mobile
Di direktori root project Anda, instal adaptor mediasi Google Mobile Ads SDK for React Native untuk i-mobile. Selesaikan langkah-langkah berikut:
Salin file tar adaptor Google Mobile Ads SDK for React Native dari direktori
gma-sdk-react-native/adapters/imobile/ke direktorilocal_packages/project Anda. Jika Anda tidak memiliki folderadapters, lihat Prasyarat.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/imobile/gma-mediation-imobile-0.1.0.tgz local_packages/Ganti EXTRACT_DIR dengan jalur ke direktori tempat Anda mengekstrak arsip.
Instal paket adaptor menggunakan pengelola paket pilihan Anda:
npm
npm install ./local_packages/gma-mediation-imobile-0.1.0.tgzbenang
yarn add ./local_packages/gma-mediation-imobile-0.1.0.tgzJika Anda mem-build untuk Android, tambahkan repositori berikut ke file
build.gradledi direktoriandroidproject Anda:repositories { google() mavenCentral() maven { url = uri("https://imobile.github.io/adnw-sdk-android") } }
Langkah 4: Kode tambahan yang diperlukan
Android
Tidak diperlukan kode tambahan untuk integrasi i-mobile.
iOS
Integrasi SKAdNetwork
Ikuti dokumentasi i-mobile
untuk menambahkan ID SKAdNetwork ke file Info.plist project Anda.
Langkah 5: Uji penerapan Anda
Mengaktifkan iklan pengujian
Pastikan Anda mendaftarkan perangkat pengujian untuk AdMob. i-mobile menyediakan ID Spot, ID Media, dan ID Penayang pengujian untuk pengujian, Anda dapat menemukannya di sini.
Memverifikasi iklan pengujian
Untuk memverifikasi bahwa Anda menerima iklan pengujian dari i-mobile, aktifkan pengujian sumber iklan tunggal di pemeriksa iklan menggunakan sumber iklan i-mobile (Waterfall).
Kode error
Jika adaptor gagal menerima iklan dari i-mobile, penayang dapat memeriksa
error yang mendasarinya dari respons iklan menggunakan ResponseInfo
di bawah class berikut:
Android
| Format | Nama kelas |
|---|---|
| Banner | com.google.ads.mediation.imobile.IMobileAdapter |
| Interstisial | com.google.ads.mediation.imobile.IMobileAdapter |
| Native | com.google.ads.mediation.imobile.IMobileMediationAdapter |
iOS
| Format | Nama kelas |
|---|---|
| Banner | IMobileAdapter |
| Interstisial | IMobileAdapter |
| Native | GADMediationAdapterIMobile |
Berikut adalah kode dan pesan yang menyertainya yang ditampilkan oleh adaptor i-mobile saat iklan gagal dimuat:
Android
| Kode error | Alasan |
|---|---|
| 0-99 | SDK i-mobile menampilkan error. Lihat kode untuk mengetahui detail selengkapnya. |
| 101 | i-mobile memerlukan konteks Activity untuk memuat iklan. |
| 102 | Parameter server i-mobile yang dikonfigurasi di UI AdMob tidak ada atau tidak valid. |
| 103 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung i-mobile. |
| 104 | Callback keberhasilan pemuatan iklan native i-mobile menampilkan daftar iklan native kosong. |
iOS
| Kode error | Alasan |
|---|---|
| 0-10 | SDK i-mobile menampilkan error. Lihat kode untuk mengetahui detail selengkapnya. |
| 101 | Parameter server i-mobile yang dikonfigurasi di UI AdMob tidak ada atau tidak valid. |
| 102 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung i-mobile. |
| 103 | i-mobile gagal menampilkan iklan. |
| 104 | i-mobile menampilkan array iklan native kosong. |
| 105 | i-mobile gagal mendownload aset iklan native. |
| 106 | i-mobile tidak mendukung permintaan untuk beberapa iklan interstisial menggunakan ID Spot yang sama. |
Versi 0.1.0
- Rilis awal.
- Mendukung adaptor Android i-mobile versi 2.3.2.5.
- Mendukung adaptor iOS i-mobile versi 2.3.4.8.