Gaya Native

Setelan gaya native memungkinkan Google Ad Manager menangani rendering iklan native berdasarkan gaya native yang Anda tentukan dalam produk. Pertama, tentukan ukuran dan penargetan. Kemudian, 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 otomatis menerapkan gaya native yang tepat untuk tujuannya. Gaya native diterapkan seperti 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 sudah memiliki sedikit pengetahuan tentang Google Mobile Ads SDK. Jika belum melakukannya, pertimbangkan untuk membaca panduan Memulai kami.

Ukuran tetap

Gaya native dengan ukuran tetap memungkinkan Anda mengontrol lebar dan tinggi iklan native. Untuk menyetel ukuran tetap, ikuti langkah-langkah berikut:

1. Buat item baris di UI Ad Manager dan pilih salah satu ukuran standar dari dropdown kolom Size.

2. 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 konstanta AdSize yang sesuai di bagian Ukuran banner.

Berikut 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 dapat menyesuaikan

Dalam beberapa kasus, ukuran yang tetap mungkin tidak masuk akal. Misalnya, Anda mungkin ingin lebar iklan cocok dengan konten aplikasi, tetapi perlu tinggi iklan disesuaikan secara dinamis agar sesuai dengan konten iklan. Untuk menangani kasus ini, Anda dapat menentukan Fluid sebagai ukuran iklan di UI Ad Manager, yang menunjukkan bahwa ukuran iklan ditentukan saat runtime di aplikasi. SDK menyediakan konstanta AdSize khusus, FLUID, untuk menangani kasus ini. Tinggi ukuran iklan yang dapat menyesuaikan ditentukan secara dinamis berdasarkan lebar yang ditentukan penayang, sehingga tampilan iklan platform dapat menyesuaikan tingginya agar cocok dengan materi iklan.

Permintaan fleksibel

Gunakan FluidAdManagerBannerAd untuk meminta iklan adaptif:

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 fleksibel

Setelah iklan dimuat, gunakan FluidAdWidget untuk menampilkan iklan fleksibel. Tindakan ini akan menyesuaikan tingginya agar cocok dengan tampilan iklan platform yang mendasarinya:

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Lihat contoh implementasi ukuran iklan Fluid Ad Manager di aplikasi contoh di GitHub.