Panduan ini menunjukkan cara menggunakan Google Mobile Ads SDK for React Native untuk memuat dan menampilkan iklan dari Liftoff Monetize menggunakan mediasi, yang mencakup integrasi bidding dan turun-naik. Panduan ini membahas cara menambahkan Liftoff Monetize ke konfigurasi mediasi unit iklan, serta cara mengintegrasikan SDK dan adaptor Liftoff Monetize ke aplikasi React Native.
Integrasi dan format iklan yang didukung
| 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 Liftoff Monetize
Daftar atau login ke akun Liftoff Monetize Anda.
Tambahkan aplikasi Anda ke dasbor Liftoff Monetize dengan mengklik tombol Add Application.

Isi formulir dengan memasukkan semua detail yang diperlukan.
Android

iOS

Setelah aplikasi Anda dibuat, pilih aplikasi Anda dari dasbor Liftoff Monetize Applications.
Android

iOS

Catat ID Aplikasi.
Android

iOS

Menambahkan penempatan baru
Untuk membuat penempatan baru yang akan digunakan dengan Mediasi AdMob, buka dasbor Liftoff Monetize Placements, klik tombol Add Placement, lalu pilih aplikasi Anda dari menu drop-down.

Detail untuk menambahkan penempatan baru disertakan di bawah:
Membuka Aplikasi
Pilih Interstitial dan masukkan Placement Name. Kemudian, pilih Ya untuk Dapat dilewati dan isi formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Banner
Pilih Banner, masukkan Placement Name, dan isi bagian formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Banner 300x250
Pilih MREC, masukkan Placement Name, dan isi bagian formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Interstisial
Pilih Interstitial, masukkan Placement Name, lalu isi bagian formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Reward
Pilih Rewarded, masukkan Placement Name, lalu isi bagian formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Interstisial Reward
Pilih Reward. Masukkan Placement Name, aktifkan Skippable, dan isi formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Native
Pilih Native, masukkan Placement Name, lalu isi bagian formulir lainnya. [Khusus bidding] Di bagian Monetization, alihkan tombol In-App Bidding ke Enabled. Klik tombol Lanjutkan di bagian bawah halaman untuk membuat penempatan.

Catat ID Referensi, lalu klik Oke.
Membuka Aplikasi

Banner

Banner 300x250

Interstisial

Reward

Interstisial Reward

Native

Menemukan Kunci API Pelaporan
Bidding
Langkah ini tidak diperlukan untuk integrasi bidding.
Air Terjun
Selain ID Aplikasi dan ID Referensi, Anda juga memerlukan Kunci API Pelaporan Liftoff Monetize untuk menyiapkan ID unit iklan AdMob. Buka dasbor Liftoff Monetize Reports dan klik tombol kunci API Pelaporan untuk melihat kunci API Pelaporan Anda.

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 Liftoff Monetize,
download dan tambahkan entri app-ads.txt Liftoff Monetize
ke file app-ads.txt yang ada. Untuk informasi selengkapnya, lihat app-ads.txt.
Mengaktifkan mode pengujian
Untuk mengaktifkan iklan pengujian, buka dasbor Liftoff Monetize dan buka Applications.
Pilih aplikasi yang ingin Anda aktifkan iklan pengujiannya di bagian Placement Reference ID aplikasi Anda. Iklan pengujian dapat diaktifkan dengan memilih Test Mode ke Show test ads only di bagian Status.
Android

iOS

Langkah 2: Siapkan permintaan Liftoff Monetize 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 Liftoff ke daftar partner iklan peraturan negara bagian AS dan GDPR
Ikuti langkah-langkah di Setelan peraturan Eropa dan Setelan peraturan negara bagian AS untuk menambahkan Liftoff ke daftar partner iklan peraturan Eropa dan negara bagian AS di UI AdMob.
Langkah 3: Impor SDK dan adaptor Liftoff Monetize
Di direktori root project Anda, instal adaptor mediasi Google Mobile Ads SDK for React Native untuk Liftoff Monetize. Selesaikan langkah-langkah berikut:
Salin file tar adaptor Google Mobile Ads SDK for React Native dari direktori
gma-sdk-react-native/adapters/liftoff-monetize/ke direktorilocal_packages/project Anda. Jika Anda tidak memiliki folderadapters, lihat Prasyarat.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/liftoff-monetize/gma-mediation-liftoffmonetize-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-liftoffmonetize-0.1.0.tgzbenang
yarn add ./local_packages/gma-mediation-liftoffmonetize-0.1.0.tgz
Langkah 4: Terapkan setelan privasi di Liftoff Monetize 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.
Adaptor React Native Liftoff Monetize versi N/A dan yang lebih baru mendukung penerusan sinyal izin GDPR dari platform pengelolaan izin yang terintegrasi dengan Transparency and Consent Framework (TCF) IAB ke Liftoff Monetize SDK. Untuk informasi selengkapnya, lihat Petunjuk Penerapan yang Direkomendasikan GDPR untuk Android dan iOS.
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.
Kode contoh berikut menunjukkan cara meneruskan informasi izin ke adaptor Liftoff Monetize secara manual:
import { LiftoffMonetizeMediation } from '@google/gma-mediation-liftoffmonetize';
// ...
LiftoffMonetizeMediation.setCCPAStatus({ optedIn: true });
Lihat petunjuk penerapan yang direkomendasikan CCPA untuk Android dan iOS guna mengetahui detail selengkapnya dan nilai yang dapat diberikan dalam metode.
Langkah 5: Tambahkan kode yang diperlukan
Android
Tidak diperlukan kode tambahan untuk integrasi Liftoff Monetize.
iOS
Integrasi SKAdNetwork
Ikuti dokumentasi Liftoff Monetize 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 Liftoff Monetize.
Memverifikasi iklan pengujian
Untuk memverifikasi bahwa Anda menerima iklan pengujian dari Liftoff Monetize, aktifkan pengujian sumber iklan tunggal di pemeriksa iklan menggunakan sumber iklan Liftoff Monetize (Bidding) dan Liftoff Monetize (Waterfall).
Kode error
Jika adaptor gagal menerima iklan dari Liftoff Monetize, penayang dapat
memeriksa error yang mendasarinya dari respons iklan menggunakan
ResponseInfo di bawah class berikut:
Android
| Format | Nama kelas |
|---|---|
| Layar Pembuka Aplikasi (Bidding) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Layar Pembuka Aplikasi (Waterfall) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Banner (Bidding) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Banner (Waterfall) | com.vungle.mediation.VungleInterstitialAdapter |
| Interstisial (Bidding) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Interstisial (Waterfall) | com.vungle.mediation.VungleInterstitialAdapter |
| Reward (Bidding) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Reward (Waterfall) | com.vungle.mediation.VungleAdapter |
| Interstisial Reward (Bidding) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| Interstisial Reward (Waterfall) | com.google.ads.mediation.vungle.VungleMediationAdapter |
iOS
| Format | Nama kelas |
|---|---|
| Layar Pembuka Aplikasi (Bidding) | GADMediationAdapterVungle |
| Layar Pembuka Aplikasi (Waterfall) | GADMediationAdapterVungle |
| Banner (Bidding) | GADMediationAdapterVungle |
| Banner (Waterfall) | GADMAdapterVungleInterstitial |
| Interstisial (Bidding) | GADMediationAdapterVungle |
| Interstisial (Waterfall) | GADMAdapterVungleInterstitial |
| Reward (Bidding) | GADMediationAdapterVungle |
| Reward (Waterfall) | GADMAdapterVungleRewardBasedVideoAd |
| Interstisial Reward (Bidding) | GADMediationAdapterVungle |
| Interstisial Reward (Waterfall) | GADMediationAdapterVungle |
Berikut adalah kode dan pesan yang menyertainya yang ditampilkan oleh adaptor Liftoff Monetize saat iklan gagal dimuat:
Android
| Kode error | Alasan |
|---|---|
| 101 | Parameter server tidak valid (misalnya, ID aplikasi atau ID penempatan). |
| 102 | Ukuran banner yang diminta tidak dipetakan ke ukuran iklan Liftoff Monetize yang valid. |
| 103 | Liftoff Monetize memerlukan konteks Activity untuk meminta
iklan. |
| 104 | Vungle SDK tidak dapat memuat beberapa iklan untuk ID penempatan yang sama. |
| 105 | Vungle SDK gagal diinisialisasi. |
| 106 | Vungle SDK menampilkan callback pemuatan yang berhasil, tetapi Banners.getBanner() atau Vungle.getNativeAd() menampilkan null. |
| 107 | SDK Vungle belum siap memutar iklan. |
| 108 | Vungle SDK menampilkan token bidding yang tidak valid. |
iOS
| Kode error | Alasan |
|---|---|
| 101 | Parameter server tidak valid (misalnya, ID aplikasi atau ID penempatan). |
| 102 | Iklan sudah dimuat untuk konfigurasi jaringan ini. Vungle SDK tidak dapat memuat iklan kedua untuk ID penempatan yang sama. |
| 103 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung Liftoff Monetize. |
| 104 | SDK Vungle tidak dapat merender iklan banner. |
| 105 | Vungle SDK hanya mendukung pemuatan 1 iklan banner dalam satu waktu, terlepas dari ID penempatan. |
| 106 | SDK Vungle mengirim callback yang menyatakan bahwa iklan tidak dapat diputar. |
| 107 | SDK Vungle belum siap memutar iklan. |
Untuk error yang berasal dari Vungle SDK, lihat Kode Error: Vungle SDK untuk iOS dan Android.
Versi 0.1.0
- Rilis awal.
- Mendukung adaptor Android Liftoff Monetize versi 7.7.8.1.
- Mendukung adaptor iOS Liftoff Monetize versi 7.7.7.0.
- Dibuat dan diuji dengan Plugin React Native Google Mobile Ads versi 0.1.0.