Banner adaptif adalah iklan responsif generasi berikutnya, yang memaksimalkan performa dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Meningkatkan kualitas banner ukuran tetap, yang hanya mendukung tinggi tetap, banner adaptif memungkinkan developer menentukan lebar iklan dan menggunakannya untuk menentukan ukuran iklan yang optimal.
Untuk memilih ukuran iklan terbaik, banner adaptif inline menggunakan tinggi maksimum, bukan tinggi tetap. Hal ini menghasilkan peluang untuk peningkatan performa.
Kapan banner adaptif inline digunakan
Banner adaptif inline lebih besar dan lebih tinggi dibandingkan dengan banner adaptif anchor. Tingginya bervariasi dan dapat setinggi layar perangkat.
Iklan ini dimaksudkan untuk ditempatkan dalam konten scroll, misalnya:
Sebelum memulai
Saat menerapkan banner adaptif di aplikasi, perhatikan hal-hal berikut:
- Agar banner adaptif inline berfungsi dengan benar, Anda harus membuat tata letak menjadi responsif. Jika hal ini tidak dilakukan, pengalaman iklan dapat dipangkas atau dirender dengan tidak benar.
Anda harus mengetahui lebar tampilan tempat iklan akan ditempatkan, dan ini harus mempertimbangkan lebar perangkat dan area aman yang berlaku.
Pastikan Anda menggunakan Google Mobile Ads SDK versi terbaru, dan jika menggunakan mediasi, versi terbaru adaptor mediasi Anda.
Ukuran banner adaptif inline dirancang agar berfungsi paling baik saat menggunakan lebar penuh yang tersedia. Biasanya, ini akan menjadi lebar penuh layar perangkat yang digunakan. Pastikan untuk mempertimbangkan area aman yang berlaku.
- Anda mungkin perlu memperbarui atau membuat item baris baru agar berfungsi dengan ukuran adaptif. Pelajari lebih lanjut.
Metode untuk mendapatkan ukuran iklan adalah:
Saat menggunakan API banner adaptif inline, Google Mobile Ads SDK akan menampilkan
AdSize
dengan lebar yang diberikan dan tanda inline. Tingginya bisa nol ataumaxHeight
, bergantung pada API yang Anda gunakan. Tinggi iklan yang sebenarnya tersedia saat ditampilkan.Banner adaptif inline dirancang untuk ditempatkan di konten yang dapat di-scroll. Banner dapat setinggi layar perangkat atau dibatasi oleh tinggi maksimum, bergantung pada API.
Penerapan
Langkah-langkah untuk menerapkan iklan banner adaptif inline sama dengan langkah-langkah untuk menerapkan iklan banner adaptif anchor. Satu-satunya perbedaan adalah iklan banner adaptif inline yang dimuat menggunakan ukuran iklan banner adaptif inline. Untuk membuat ukuran iklan adaptif inline:
- Dapatkan lebar perangkat yang sedang digunakan, atau tetapkan lebar Anda sendiri jika Anda tidak ingin menggunakan lebar penuh layar.
- Gunakan metode statis yang sesuai pada class ukuran iklan, seperti
AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
untuk mendapatkan objek ukuran iklan adaptif inline untuk orientasi yang dipilih. - Jika ingin membatasi tinggi banner, Anda dapat menggunakan metode statis
AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)
.
Kode contoh di bawah menunjukkan langkah-langkah ini:
Java
// Step 1: Create an inline adaptive banner ad size using the activity context. AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320); // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. AdManagerAdView bannerView = new AdManagerAdView(this); bannerView.setAdUnitId("ad unit ID"); // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER); // Step 3: Load an ad. AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build(); bannerView.loadAd(adRequest); // TODO: Insert banner view in list view or scroll view, etc.
Kotlin
// Step 1: Create an inline adaptive banner ad size using the activity context. val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320) // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. val bannerView = AdManagerAdView(this) bannerView.adUnitId = "ad unit ID" // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER) // Step 3: Load an ad. val adRequest = AdManagerAdRequest.Builder().build() bannerView.loadAd(adRequest) // TODO: Insert banner view in list view or scroll view, etc.
Referensi lainnya
Contoh di GitHub
Download contoh aplikasi untuk melihat cara kerja banner adaptif inline.