Menentukan gaya iklan native di UI Ad Manager

Pilih platform: Android iOS Flutter Android (Legacy)

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

Tidak seperti format iklan lainnya, ukuran iklan adaptif tidak memiliki lebar yang telah ditentukan sebelumnya, jadi pastikan untuk menetapkan layout_width dari AdManagerAdView secara eksplisit di 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 tampilan implementasi untuk membuat permintaan 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 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. Di file tata letak XML aplikasi Anda, tetapkan atribut ads:adSize ke konstanta yang cocok dengan ukuran yang telah ditentukan sebelumnya yang Anda pilih di langkah 1. Anda dapat melihat daftar ukuran dan konstanta AdSize yang sesuai di bagian Ukuran tetap.

Berikut contoh cara menentukan ukuran tetap, seperti ukuran iklan MEDIUM_RECTANGLE (300x250), di 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" />