Menentukan gaya native

Pilih platform: Android (beta) Baru Android iOS Flutter

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 akan otomatis menerapkan gaya native yang tepat untuk tujuan. Gaya native diimplementasikan seperti iklan banner, menggunakan AdManagerAdView. Gaya native dapat digunakan dengan ukuran iklan tetap yang ditentukan sebelumnya, atau ukuran iklan adaptif yang ditentukan saat runtime.

Prasyarat

  • Google Mobile Ads Flutter Plugin versi 0.13.6 atau yang lebih baru

Panduan ini mengasumsikan bahwa Anda memiliki pengetahuan dasar tentang Google Mobile Ads Flutter Plugin. Jika belum melakukannya, sebaiknya baca 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:

  1. Buat item baris di UI Ad Manager dan pilih salah satu ukuran yang telah ditentukan sebelumnya dari dropdown kolom Size.

  2. Muat AdManagerBannerAd dengan ukuran yang sama seperti 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 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 adaptif

Dalam beberapa kasus, ukuran tetap mungkin tidak sesuai. Misalnya, Anda mungkin ingin lebar iklan sesuai dengan konten aplikasi, tetapi perlu menyesuaikan tingginya 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 adaptif ditentukan secara dinamis berdasarkan lebar yang ditentukan penayang, sehingga tampilan iklan platform dapat menyesuaikan tingginya agar sesuai dengan materi iklan.

Permintaan adaptif

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 adaptif

Setelah iklan dimuat, gunakan FluidAdWidget untuk menampilkan iklan adaptif. Tinggi iklan akan disesuaikan agar sesuai dengan tampilan iklan platform yang mendasarinya:

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

Lihat contoh penerapan ukuran iklan Adaptif Ad Manager di aplikasi contoh di GitHub.