Memberi gaya iklan native di UI

Setelan gaya native memungkinkan Google Ad Manager menangani rendering iklan native Anda 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 adaptif yang ditentukan saat runtime, atau dengan ukuran iklan tetap yang ditentukan sebelumnya.

Prasyarat

Ukuran adaptif

Anda dapat menggunakan Ukuran iklan adaptif 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 adaptif ditentukan secara dinamis berdasarkan lebar yang ditentukan penayang, sehingga tampilan iklan dapat menyesuaikan tingginya agar sesuai dengan materi iklan.

Membuat permintaan iklan adaptif

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:

Kotlin

// 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()

Java

// 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();

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:

Tetapkan ukuran iklan yang lebih kecil dari atau sama dengan ukuran layar perangkat. Untuk menentukan ukuran layar maksimum, gunakan Resources.getDisplayMetrics metode. Dimensi objek AdSize menggunakan piksel kepadatan mandiri (dp). Saat membandingkan, konversikan ukuran layar dari piksel ke dp. Untuk mengetahui detail tentang batasan ukuran, lihat Memecahkan masalah tayangan iklan tidak terisi di Ad Manager.

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

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