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. 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:

  1. Buat item baris di UI Ad Manager dan pilih salah satu ukuran yang telah ditentukan 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 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.