Memberi gaya iklan native di UI

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 diterapkan seperti iklan banner. Gaya native dirender dengan ukuran iklan yang dapat menyesuaikan dan ditentukan saat runtime, atau dengan ukuran iklan tetap yang ditentukan sebelumnya.

Prasyarat

• Selesaikan Panduan memulai.

Ukuran yang dapat menyesuaikan

Anda dapat menggunakan Ukuran iklan yang dapat menyesuaikan di UI Ad Manager untuk mendapatkan iklan yang secara dinamis menyesuaikan agar sesuai dengan kontennya. Dengan setelan ini, lebar iklan akan cocok dengan konten aplikasi Anda, dan tingginya akan disesuaikan saat runtime agar sesuai dengan konten iklan. SDK menyediakan konstanta khusus AdSize, FLUID, untuk menangani kasus ini. Tinggi ukuran iklan yang dapat menyesuaikan ditentukan secara dinamis berdasarkan lebar yang ditentukan penayang, sehingga tampilan iklan dapat menyesuaikan tingginya agar sesuai dengan materi iklan.

Membuat permintaan iklan yang dapat menyesuaikan

Buat penampung tata letak untuk tampilan iklan. Tetapkan layout_height penampung iklan ke wrap_content karena tingginya akan ditentukan oleh iklan yang ditampilkan saat runtime.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

Berikut tampilan implementasi untuk membuat permintaan iklan:

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()
AdManagerFluidSizeFragment.kt

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();
AdManagerFluidSizeFragment.java

Ganti AD_UNIT_ID dengan ID perangkat pengujian Anda.

Setelah berhasil memuat iklan, tambahkan BannerAd.getView() ke hierarki tampilan. Untuk mengetahui detail selengkapnya, lihat Memuat iklan.

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 drop-down kolom Size.

2. Muat iklan BannerAd dengan AdSize yang telah ditentukan sebelumnya.