Panduan ini menunjukkan cara menggunakan Google Mobile Ads SDK for React Native untuk memuat dan menampilkan iklan dari DT Exchange menggunakan mediasi, yang mencakup integrasi waterfall. Panduan ini membahas cara menambahkan DT Exchange ke konfigurasi mediasi unit iklan, serta cara mengintegrasikan SDK dan adaptor DT Exchange ke aplikasi React Native.
Integrasi dan format iklan yang didukung
Adaptor mediasi React Native untuk DT Exchange 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 15.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 DT Exchange
Menambahkan aplikasi dan penempatan iklan baru
Daftar atau login ke DT Exchange Console.
Klik Add App.

Pilih platform dan penempatan Anda, isi bagian formulir lainnya, lalu klik Create App.
Android

iOS

Masukkan nama dan pilih jenis untuk penempatan Anda. Kemudian, klik Simpan Penempatan.
ID Aplikasi dan ID Penempatan
Arahkan kursor ke menu navigasi kiri untuk membukanya, lalu klik Pengelolaan Aplikasi.

Di halaman App Management, catat App ID di samping aplikasi Anda.

Pilih aplikasi Anda dan buka tab Penempatan. Catat ID Penempatan.
ID Penayang, Kunci Konsumen, dan Rahasia Konsumen
Klik nama pengguna Anda dari menu kiri, lalu pilih Profil Pengguna.

Catat ID Penayang, Kunci Konsumen, dan Rahasia Konsumen karena ini diperlukan pada langkah berikutnya.
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 DT Exchange,
Tambahkan DT ke file app-ads.txt Anda.
Langkah 2: Siapkan permintaan DT Exchange 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 DT Exchange 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 DT Exchange (Fyber Monetization) ke daftar partner iklan peraturan Eropa dan negara bagian AS di UI AdMob.
Langkah 3: Impor DT Exchange SDK dan adaptor
Di direktori root project Anda, instal Google Mobile Ads SDK for React Native adaptor mediasi untuk DT Exchange. Selesaikan langkah-langkah berikut:
Salin file tar adaptor Google Mobile Ads SDK for React Native dari direktori
gma-sdk-react-native/adapters/dt-exchange/ke direktorilocal_packages/project Anda. Jika Anda tidak memiliki folderadapters, lihat Prasyarat.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/dt-exchange/gma-mediation-dtexchange-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-dtexchange-0.1.0.tgzbenang
yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz
Langkah 4: Terapkan setelan privasi di DT Exchange 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.
DT Exchange React Native adapter versi 0.1.0 dan yang lebih baru mendukung penerusan sinyal izin GDPR dari platform pengelolaan izin yang terintegrasi dengan Transparency and Consent Framework (TCF) IAB ke DT Exchange SDK. Untuk informasi selengkapnya, lihat dokumentasi GDPR 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 DT Exchange secara manual:
import { DTExchangeMediation } from '@google/gma-mediation-dtexchange';
// ...
DTExchangeMediation.setUSPrivacyString('myUSPrivacyString');
// You can also clear CCPA consent information using the following method:
DTExchangeMediation.clearUSPrivacyString();
Buka artikel Open Source CCPA DT Exchange untuk mengetahui informasi selengkapnya dan nilai yang dapat diberikan dalam metode ini.
Langkah 5: Tambahkan kode yang diperlukan
Android
Tidak diperlukan kode tambahan untuk integrasi DT Exchange.
iOS
Integrasi SKAdNetwork
Ikuti dokumentasi DT Exchange 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.
Memverifikasi iklan pengujian
Untuk memverifikasi bahwa Anda menerima iklan pengujian dari DT Exchange, aktifkan pengujian sumber iklan tunggal di pemeriksa iklan menggunakan sumber iklan DT Exchange (Bidding) dan DT Exchange (Waterfall).
Kode error
Jika adaptor gagal menerima iklan dari DT Exchange, penayang dapat memeriksa error yang mendasarinya dari respons iklan menggunakan ResponseInfo di bawah class berikut:
Android
com.google.ads.mediation.fyber.FyberMediationAdapter
iOS
GADMediationAdapterFyber
Berikut adalah kode dan pesan yang menyertainya yang ditampilkan oleh adaptor DT Exchange saat iklan gagal dimuat:
Android
| Kode error | Alasan |
|---|---|
| 101 | Parameter server DT Exchange yang dikonfigurasi di UI AdMob tidak ada/tidak valid. |
| 103 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung DT Exchange. |
| 105 | DT SDK memuat iklan, tetapi menampilkan pengontrol yang tidak terduga. |
| 106 | Iklan belum siap ditampilkan. |
| 107 | Konteks bukan instance aktivitas. |
| 108 | Iklan gagal ditampilkan. |
| 200-399 | DT SDK menampilkan error. Lihat kode untuk mengetahui detail selengkapnya. |
iOS
| Kode error | Alasan |
|---|---|
| 0-10 | DT SDK menampilkan error. Lihat dokumentasi untuk mengetahui detail selengkapnya. |
| 101 | Parameter server DT Exchange yang dikonfigurasi di UI AdMob tidak ada/tidak valid. |
| 102 | Ukuran iklan yang diminta tidak sesuai dengan ukuran banner yang didukung DT Exchange. |
| 103 | Gagal menampilkan iklan karena objek iklan telah digunakan. |
| 104 | Gagal menampilkan iklan DT Exchange karena iklan belum siap. |
| 105 | DT SDK menampilkan error inisialisasi. |
Versi 0.1.0
- Rilis awal.
- Mendukung adaptor Android DT Exchange versi 8.4.7.1.
- Mendukung adaptor iOS DT Exchange versi 8.4.10.0.
- Dibuat dan diuji dengan Plugin React Native Google Mobile Ads versi 0.1.0.