Setelan gaya native
memungkinkan Google Ad Manager menangani rendering iklan native berdasarkan gaya
native yang Anda tentukan dalam produk. Pertama, tentukan ukuran dan penargetan.
Lalu, tambahkan HTML, CSS, dan JavaScript untuk menentukan iklan yang responsif
dan menghasilkan tampilan berkualitas di semua layar. Anda tidak perlu melakukan
rendering apa pun; Ad Manager akan otomatis menerapkan gaya native yang tepat
untuk tujuannya. Gaya native diterapkan seperti halnya iklan banner,
menggunakan AdManagerAdView
. Iklan ini dapat digunakan dengan ukuran iklan tetap
yang ditentukan sebelumnya, atau ukuran iklan yang dapat menyesuaikan yang ditentukan saat runtime.
Prasyarat
- Plugin Flutter Google Mobile Ads versi 0.13.6 atau yang lebih tinggi
Panduan ini mengasumsikan Anda memiliki pengetahuan dasar tentang Google Mobile Ads SDK. Jika Anda belum melakukannya, pertimbangkan untuk menjalankan panduan Memulai.
Ukuran tetap
Gaya native dengan ukuran tetap memungkinkan Anda mengontrol lebar dan tinggi iklan native. Untuk menetapkan ukuran tetap, ikuti langkah-langkah berikut:
Buat item baris di UI Ad Manager dan pilih salah satu ukuran yang telah ditentukan dari dropdown kolom
Size
.Muat
AdManagerBannerAd
dengan ukuran yang sama dengan yang Anda siapkan di langkah 1. Lihat dokumentasi Iklan Banner untuk mengetahui cara membuat instance dan memuat iklan. Anda dapat melihat daftar ukuran dan konstantaAdSize
yang terkait di bagian Ukuran banner.
Berikut adalah contoh cara menentukan ukuran tetap, seperti
ukuran iklan MEDIUM_RECTANGLE
(300x250):
AdManagerBannerAd ad = AdManagerBannerAd(
adUnitId: '<your-ad-unit>',
sizes: <AdSize>[AdSize.mediumRectangle],
request: AdManagerAdRequest(),
);
Ukuran yang dapat menyesuaikan
Terkadang, ukuran tetap mungkin tidak masuk akal. Misalnya, Anda mungkin
ingin lebar iklan sesuai dengan konten aplikasi, tetapi perlu tingginya
agar disesuaikan secara dinamis agar sesuai dengan konten iklan. Untuk menangani kasus ini,
Anda dapat menentukan Fluid
sebagai ukuran iklan di UI Ad Manager, yang
menetapkan bahwa ukuran iklan ditentukan saat runtime di aplikasi.
SDK menyediakan konstanta AdSize
khusus, FLUID
, untuk menangani kasus ini.
Tinggi ukuran iklan yang dapat disesuaikan ditentukan secara dinamis berdasarkan lebar
yang ditetapkan penayang, sehingga tampilan iklan platform dapat menyesuaikan tingginya agar cocok dengan
materi iklan.
Permintaan yang dapat menyesuaikan
Gunakan FluidAdManagerBannerAd
untuk meminta iklan yang dapat menyesuaikan:
final fluidAd = FluidAdManagerBannerAd(
adUnitId: '<your-ad-unit>',
request: AdManagerAdRequest(),
listener: AdManagerBannerAdListener(
onAdLoaded: (Ad ad) {
print('$_fluidAd loaded.');
},
onAdFailedToLoad: (Ad ad, LoadAdError error) {
print('$_fluidAd failedToLoad: $error');
ad.dispose();
},
),
Menampilkan iklan yang dapat menyesuaikan
Setelah iklan Anda dimuat, gunakan FluidAdWidget
untuk menampilkan iklan yang dapat menyesuaikan. Platform ini akan
menyesuaikan tingginya agar cocok dengan tampilan iklan platform pokok:
FluidAdWidget(
width: <your-width>,
ad: fluidAd,
);
Lihat contoh penerapan ukuran iklan Ad Manager yang Dapat menyesuaikan dalam contoh aplikasi di GitHub.