Menentukan gaya iklan native di UI Ad Manager

Pilih platform: Android iOS Flutter Android (Lama)

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. Iklan ini dirender dengan ukuran iklan yang fleksibel 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 menyesuaikan secara dinamis agar sesuai dengan kontennya. Dengan setelan ini, lebar iklan akan cocok dengan konten aplikasi Anda, dan tingginya akan disesuaikan saat runtime untuk mengakomodasi konten iklan. SDK menyediakan konstanta AdSize khusus, FLUID, untuk menangani kasus ini. Tinggi ukuran iklan fluid ditentukan secara dinamis berdasarkan lebar yang ditentukan penayang, sehingga tampilan iklan dapat menyesuaikan tingginya agar sesuai dengan tinggi materi iklan.

Membuat permintaan iklan native

Tidak seperti format iklan lainnya, ukuran iklan yang fleksibel tidak memiliki lebar yang telah ditentukan, jadi pastikan untuk menetapkan layout_width AdManagerAdView secara eksplisit dalam file tata letak XML Anda:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

Berikut adalah tampilan penerapan untuk membuat panggilan iklan:

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

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 metode Resources.getDisplayMetrics. 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 dari drop-down kolom Size.

  2. Di file tata letak XML aplikasi, tetapkan atribut ads:adSize ke konstanta yang cocok dengan ukuran standar yang Anda pilih di langkah 1. Anda dapat melihat daftar ukuran dan konstanta AdSize yang sesuai di bagian Ukuran tetap.

Berikut adalah contoh cara menentukan ukuran tetap, seperti ukuran iklan MEDIUM_RECTANGLE (300x250), dalam file tata letak Anda:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />