Panduan ini menunjukkan cara menggunakan Google Mobile Ads SDK for React Native untuk memuat dan menampilkan iklan dari AppLovin menggunakan mediasi, yang mencakup integrasi bidding dan waterfall. Panduan ini membahas cara menambahkan AppLovin ke konfigurasi mediasi unit iklan, dan cara mengintegrasikan SDK dan adaptor AppLovin ke dalam aplikasi React Native.
Integrasi dan format iklan yang didukung
Adaptor mediasi AdMob untuk AppLovin memiliki kemampuan berikut:
| Integrasi | |
|---|---|
| Bidding | |
| Air Terjun | |
| Format | |
| Membuka Aplikasi | 1 |
| Banner | 2 |
| Interstisial | |
| Reward | |
| Interstisial Reward | |
| Native | |
1 Integrasi waterfall tersedia dalam versi beta tertutup.
Waterfall hanya mendukung ukuran banner 320x50 dan 728x90. Bidding tidak mendukung iklan banner.
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 AppLovin
Daftar atau login ke akun AppLovin Anda.
Untuk menyiapkan unit iklan AdMob, Anda memerlukan Kunci SDK dan Kunci Laporan AppLovin. Untuk menemukannya, buka UI AppLovin > Account > Keys untuk melihat kedua nilai tersebut.

Jika Anda hanya berencana mengintegrasikan bidding, Anda dapat melanjutkan ke mengonfigurasi setelan mediasi.
Pilih aplikasi untuk mediasi
Bidding
Langkah ini tidak diperlukan untuk integrasi bidding.
Air Terjun
Di UI AppLovin, pilih Applications di bagian Monetization untuk membuka aplikasi terdaftar. Pilih aplikasi yang ingin Anda gunakan dengan mediasi dari daftar aplikasi yang tersedia.

Buat zona
Bidding
Langkah ini tidak diperlukan untuk integrasi bidding.
Air Terjun
Di UI AppLovin, pilih Zones di bagian Monetization untuk membuka ID zona terdaftar. Jika Anda sudah membuat zona yang diperlukan untuk aplikasi, lanjutkan ke Langkah 2. Untuk membuat ID zona baru, klik Buat Zona.

Masukkan nama Zone ID, pilih Android sebagai Platform, dan pilih jenis iklan.
Konfigurasi Pricing untuk zona dengan memilih Flat CPM atau Optimized by AppLovin. CPM dapat dikonfigurasi per negara untuk opsi CPM Tetap. Kemudian, klik Simpan.
Android

iOS

Setelah zona dibuat, ID zona dapat ditemukan di kolom Zone ID.
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 AppLovin,
Tambahkan AppLovin ke file app-ads.txt Anda.
Mengaktifkan mode pengujian
Ikuti petunjuk dalam panduan Mode Pengujian MAX AppLovin tentang cara mengaktifkan iklan pengujian AppLovin.
Langkah 2: Siapkan permintaan AppLovin 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.
Menambahkan AppLovin Corp. ke daftar partner iklan GDPR dan peraturan negara bagian AS
Ikuti langkah-langkah di Setelan peraturan Eropa dan Setelan peraturan negara bagian AS untuk menambahkan AppLovin Corp. ke daftar partner iklan peraturan Eropa dan negara bagian AS di UI AdMob.
Langkah 3: Impor SDK dan adaptor AppLovin
Di direktori root project Anda, instal adaptor mediasi Google Mobile Ads SDK for React Native untuk AppLovin. Selesaikan langkah-langkah berikut:
Salin file tar adaptor Google Mobile Ads SDK for React Native dari direktori
gma-sdk-react-native/adapters/applovin/ke direktorilocal_packages/project Anda. Jika Anda tidak memiliki folderadapters, lihat Prasyarat.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/applovin/gma-mediation-applovin-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-applovin-0.1.0.tgzbenang
yarn add ./local_packages/gma-mediation-applovin-0.1.0.tgz
Langkah 4: Terapkan setelan privasi di AppLovin SDK
Izin Uni Eropa dan GDPR
Untuk mematuhi Kebijakan Izin Pengguna Uni Eropa Google, Anda harus membuat pengungkapan tertentu kepada pengguna di Wilayah Ekonomi Eropa (EEA), Inggris Raya, dan Swiss, serta mendapatkan izin mereka untuk penggunaan cookie atau penyimpanan lokal lainnya jika diwajibkan secara hukum, dan untuk pengumpulan, pembagian, serta penggunaan data pribadi untuk personalisasi iklan. Kebijakan ini mencerminkan persyaratan dalam ePrivacy Directive dan General Data Protection Regulation (GDPR) Uni Eropa. Anda bertanggung jawab untuk memverifikasi bahwa izin disebarkan ke setiap sumber iklan dalam rantai mediasi Anda.
AppLovin React Native adapter versi 0.1.0 dan yang lebih baru mendukung penerusan sinyal izin GDPR dari UMP SDK dan platform pengelolaan izin yang terintegrasi dengan Spesifikasi Izin Tambahan Google ke AppLovin SDK. Untuk mengetahui informasi selengkapnya, lihat Izin TCF v2.
Mendeklarasikan pengguna turunan
AppLovin tidak mendukung inisialisasi AppLovin SDK sehubungan dengan anak-anak. Untuk informasi selengkapnya, lihat dokumentasi AppLovin tentang "Prohibition on Children Data or Using the Services for Children or Apps Exclusively Targeted to Children" untuk Android atau iOS.
Plugin mediasi React Native Google Mobile Ads untuk AppLovin otomatis menonaktifkan mediasi ke AppLovin untuk aplikasi yang mendeklarasikan pengguna anak-anak menggunakan set the age treatment.
Hukum privasi negara bagian Amerika Serikat
Hukum privasi negara bagian Amerika Serikat mewajibkan perusahaan tersebut untuk memberikan hak kepada pengguna guna menolak "penjualan" "informasi pribadi" mereka (sebagaimana kedua istilah tersebut didefinisikan dalam hukum), dengan pilihan tidak ikut yang disediakan melalui link "Jangan Jual Informasi Pribadi Saya" yang terlihat jelas di halaman beranda pihak "penjual". Panduan kepatuhan terhadap hukum privasi negara bagian Amerika Serikat menawarkan kemampuan untuk mengaktifkan pemrosesan data yang dibatasi untuk penayangan iklan Google, tetapi Google tidak dapat menerapkan setelan ini ke setiap jaringan iklan dalam rantai mediasi Anda. Oleh karena itu, Anda harus mengidentifikasi setiap jaringan iklan dalam rantai mediasi Anda yang mungkin berpartisipasi dalam penjualan informasi pribadi dan mengikuti panduan dari setiap jaringan tersebut untuk memastikan kepatuhan.
Plugin mediasi Google Mobile Ads untuk
AppLovin
menyertakan
metode
AppLovinMediation.setDoNotSell(). Kode contoh berikut menunjukkan cara meneruskan informasi izin ke
AppLovin SDK. Opsi ini harus ditetapkan sebelum Anda melakukan inisialisasi Google Mobile Ads SDK untuk memastikan opsi tersebut diteruskan dengan benar ke AppLovin SDK.
import { AppLovinMediation } from '@google/gma-mediation-applovin';
// ...
AppLovinMediation.setDoNotSell(true);
Lihat dokumentasi Privasi AppLovin untuk mengetahui informasi selengkapnya.
Langkah 5: Tambahkan kode yang diperlukan
Android
Tidak diperlukan kode tambahan untuk integrasi AppLovin.
iOS
Integrasi SKAdNetwork
Ikuti dokumentasi AppLovin untuk menambahkan ID SKAdNetwork ke file Info.plist` project Anda.
Langkah 6: Uji penerapan Anda
Mengaktifkan iklan pengujian
Pastikan Anda mendaftarkan perangkat pengujian untuk AdMob dan mengaktifkan mode pengujian di UI AppLovin.
Memverifikasi iklan pengujian
Untuk memastikan bahwa Anda menerima iklan pengujian dari AppLovin, aktifkan pengujian sumber iklan tunggal di pemeriksa iklan menggunakan sumber iklan AppLovin (Bidding) dan AppLovin (Waterfall).
Langkah opsional
Parameter khusus jaringan
Adaptor AppLovin mendukung penerusan objek AppLovinMediationExtras ke
permintaan iklan untuk menetapkan parameter khusus jaringan. Kode contoh berikut menunjukkan
cara menonaktifkan audio pada iklan video menggunakan parameter isMuted:
import { AdRequest } from '@google/mobile-ads';
import { AppLovinMediationExtras } from '@google/gma-mediation-applovin';
const request: AdRequest = {
// ...
mediationExtras: [
new AppLovinMediationExtras({
isMuted: true, // Mute audio for AppLovin ads
}),
],
};
Pengoptimalan
Menambahkan panggilan ke pada aktivitas peluncuran akan memberi AppLovin kemampuan untuk melacak peristiwa segera setelah aplikasi dimulai.
Kode error
Jika adaptor gagal menerima iklan dari AppLovin,
penayang dapat memeriksa error yang mendasarinya dari respons iklan menggunakan
ResponseInfo di bagian
class berikut:
Android
com.google.ads.mediation.applovin.mediation.ApplovinAdapter
com.google.ads.mediation.applovin.AppLovinMediationAdapter
iOS
GADMAdapterAppLovin
GADMAdapterAppLovinRewardBasedVideoAd
GADMediationAdapterAppLovin
Berikut adalah kode dan pesan yang menyertainya yang ditampilkan oleh adaptor AppLovin saat iklan gagal dimuat:
Android
| Kode error | Alasan |
|---|---|
| -1009 hingga -1.204 | AppLovin SDK menampilkan error. Lihat dokumentasi AppLovin untuk mengetahui detail selengkapnya. |
| 101 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung AppLovin. |
| 103 | Konteks bernilai null. |
| 104 | Token bid AppLovin kosong. |
| 105 | Meminta beberapa iklan untuk zona yang sama. AppLovin hanya dapat memuat 1 iklan dalam satu waktu per zona. |
| 106 | Iklan belum siap ditampilkan. |
| 108 | AppLovin Adapter tidak mendukung format iklan yang diminta. |
| 109 | Konteks bukan instance Aktivitas. |
| 110 | Kunci SDK tidak ada. |
| 112 | Pengguna adalah anak-anak. |
| 113 | ID unit iklan tidak ada. |
iOS
| Kode error | Alasan |
|---|---|
| -1009 hingga -1.204 | AppLovin SDK menampilkan error. Lihat dokumentasi AppLovin untuk mengetahui detail selengkapnya. |
| 101 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung AppLovin. |
| 102 | Parameter server AppLovin yang dikonfigurasi di UI AdMob tidak ada/tidak valid. |
| 103 | Gagal menampilkan iklan AppLovin. |
| 104 | Meminta beberapa iklan untuk zona yang sama. AppLovin hanya dapat memuat 1 iklan dalam satu waktu per zona. |
| 105 | Kunci AppLovin SDK tidak ditemukan. |
| 107 | Token bid kosong. |
| 108 | AppLovin Adapter tidak mendukung format iklan yang diminta. |
| 110 | AppLovin mengirim callback pemuatan yang berhasil, tetapi tidak memuat iklan. |
| 111 | Tidak dapat mengambil instance AppLovin SDK. |
| 112 | Pengguna adalah anak-anak. |
| 113 | Instance bersama AppLovin SDK belum diinisialisasi. |
| 114 | AppLovin SDK gagal menampilkan token bid. |
| 115 | ID unit iklan tidak ada. Tidak dapat memuat iklan. |
| 116 | Iklan belum siap. Tidak dapat menampilkan iklan. |
Versi 0.1.0
- Rilis awal.
- Mendukung adaptor Android AppLovin versi 13.6.4.1.
- Mendukung adaptor AppLovin iOS versi 13.6.4.0.
- Dibuat dan diuji dengan Plugin React Native Google Mobile Ads versi 0.1.0.