Menggunakan banner adaptif inline untuk banner yang dapat di-scroll

Pilih platform: Android iOS Flutter Android (Legacy)

Banner adaptif memungkinkan Anda menentukan lebar iklan untuk menentukan ukuran iklan yang optimal untuk setiap perangkat. Tidak seperti banner adaptif anchor, banner adaptif inline lebih besar, lebih tinggi, dan tidak menggunakan tinggi tetap. Banner adaptif inline memiliki tinggi variabel. Banner ini dapat mengisi seluruh layar atau tinggi maksimum yang Anda tentukan.

Panduan ini membahas cara membuat banner adaptif inline dan menetapkan ukuran banner.

Gambar berikut menunjukkan banner adaptif inline dalam konten yang di-scroll:

Sebelum memulai

Sebelum melanjutkan, pastikan Anda menyiapkan iklan banner.

Untuk melihat contoh banner adaptif inline lengkap, download aplikasi contoh berikut:

• Java
• Kotlin

Menerapkan banner adaptif inline

Untuk menerapkan banner adaptif inline, Anda menetapkan ukuran iklan, membuat permintaan iklan, dan memuat iklan.

Untuk menentukan ukuran banner adaptif inline, tentukan lebar iklan. Pendekatan umum mencakup:

• Menggunakan lebar layar penuh.
• Menggunakan lebar tata letak induk yang berisi iklan.
• Menyesuaikan lebar untuk memperhitungkan area aman perangkat.

Saat membuat objek ukuran iklan, gunakan lebar yang dihitung ini.

Selesaikan langkah berikut:

1. Dapatkan lebar perangkat Anda, atau tetapkan lebar:

   Kotlin

   private val adWidth: Int
     get() {
       val displayMetrics = resources.displayMetrics
       val adWidthPixels =
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
           val windowMetrics: WindowMetrics = this.windowManager.currentWindowMetrics
           windowMetrics.bounds.width()
         } else {
           displayMetrics.widthPixels
         }
       val density = displayMetrics.density
       return (adWidthPixels / density).toInt()
     }
   MainActivity.kt

   Java

   public int getAdWidth() {
     DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
     int adWidthPixels = displayMetrics.widthPixels;
   
     if (VERSION.SDK_INT >= VERSION_CODES.R) {
       WindowMetrics windowMetrics = this.getWindowManager().getCurrentWindowMetrics();
       adWidthPixels = windowMetrics.getBounds().width();
     }
   
     float density = displayMetrics.density;
     return (int) (adWidthPixels / density);
   }
   MainActivity.java

2. Untuk mendapatkan objek ukuran iklan adaptif inline, gunakan metode statis pada class ukuran iklan:

   Kotlin

   val adView = AdView(this@MainActivity)
   adView.setAdSize(AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, adWidth))
   MainActivity.kt

   Java

   final AdView adView = new AdView(MainActivity.this);
   adView.setAdSize(AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, getAdWidth()));
   MainActivity.java

Menetapkan tata letak banner adaptif inline

Untuk memuat iklan banner adaptif inline terlebih dahulu untuk tata letak tertentu, gunakan metode berikut:

• AdSize.getPortraitInlineAdaptiveBannerAdSize(Context context, int width)

• AdSize.getLandscapeInlineAdaptiveBannerAdSize(Context context, int width)

Jika aplikasi Anda mendukung tampilan potret dan lanskap, dan Anda ingin memuat iklan banner adaptif di tata letak saat ini, gunakan metode AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width). Metode ini memuat iklan dalam tata letak saat ini.

Membatasi tinggi banner adaptif inline

Secara default, banner adaptif inline yang dibuat tanpa nilai maxHeight memiliki tinggi maksimum yang sama dengan tinggi perangkat. Untuk membatasi tinggi banner adaptif inline, gunakan metode AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight).