Gaya Native

Pilih platform: 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 secara otomatis menerapkan gaya native yang tepat untuk tujuan. Gaya native diterapkan seperti iklan banner, menggunakan AdManagerAdView. Ukuran ini dapat digunakan dengan ukuran iklan tetap yang ditentukan sebelumnya, atau ukuran iklan yang dapat menyesuaikan yang ditentukan saat runtime.

Prasyarat

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

Panduan ini mengasumsikan pengetahuan dasar tentang Google Mobile Ads SDK. Jika Anda belum melakukannya, sebaiknya pelajari panduan Memulai kami.

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

Dalam beberapa kasus, ukuran tetap mungkin tidak masuk akal. Misalnya, Anda mungkin ingin lebar iklan sesuai dengan konten aplikasi, tetapi tinggi iklan perlu 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 sesuai dengan materi iklan.

Permintaan lancar

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. Tingginya akan disesuaikan agar sesuai dengan tampilan iklan platform yang mendasarinya:

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

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