Banner adaptif adalah iklan responsif generasi berikutnya, yang memaksimalkan performa dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Untuk meningkatkan kualitas banner berukuran 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. Ini menghasilkan peluang untuk performa yang lebih baik.
Kapan harus menggunakan banner adaptif inline
Banner adaptif inline memiliki ukuran banner yang lebih besar dan lebih tinggi dibandingkan dengan banner adaptif anchor. Tingginya bervariasi, dan bisa setinggi layar perangkat.
Elemen tersebut dimaksudkan untuk ditempatkan dalam konten scroll, misalnya:
Prasyarat
- Google Mobile Ads SDK 8.10.0 atau yang lebih tinggi
Sebelum memulai
Saat menerapkan banner adaptif di aplikasi Anda, perhatikan poin-poin berikut:
Anda harus mengetahui lebar tampilan tempat iklan akan ditempatkan, dan lebar ini harus memperhitungkan lebar perangkat dan setiap 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 didesain untuk berfungsi dengan sangat baik saat menggunakan lebar penuh yang tersedia. Biasanya, ukuran ini sama dengan lebar penuh layar perangkat yang digunakan. Pastikan untuk mempertimbangkan area aman yang berlaku.
Metode untuk mendapatkan ukuran iklan adalah:
Saat menggunakan API banner adaptif inline, Google Mobile Ads SDK akan menampilkan
GADAdSize
dengan lebar yang ditentukan dan tanda inline. Tingginya dapat berupa nol ataumaxHeight
, bergantung pada API yang Anda gunakan. Tinggi iklan yang sebenarnya akan tersedia saat ditampilkan.Banner adaptif inline dirancang untuk ditempatkan dalam 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 dimuat menggunakan ukuran iklan banner adaptif inline. Untuk membuat ukuran iklan adaptif inline:
- Dapatkan lebar perangkat yang digunakan, atau tetapkan lebar sendiri jika Anda tidak ingin menggunakan lebar penuh layar.
- Gunakan metode statis yang sesuai di class ukuran iklan, seperti
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
untuk mendapatkan objek ukuran iklan adaptif inline untuk orientasi yang dipilih. - Jika ingin membatasi tinggi banner, Anda dapat menggunakan metode statis
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
.
Kode contoh di bawah menunjukkan langkah-langkah ini:
Swift
// Step 1: Create an inline adaptive banner ad size. This size is used to // request your adaptive banner. You can pass in the width of the device, or set // your own width. This example sets a static width. let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320) // Step 2: Create banner with the inline size and set ad unit ID. let bannerView = GADBannerView(adSize: adSize) bannerView.adUnitID = "ad unit ID" bannerView.rootViewController = self // Step 3: Load an ad. let request = GADRequest() bannerView.load(request) // TODO: Insert banner view in table view or scroll view, etc.
Objective-C
// Step 1: Create an inline adaptive banner ad size. This size is used to // request your adaptive banner. You can pass in the width of the device, or set // your own width. This example sets a static width. GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320); // Step 2: Create banner with the inline size and set ad unit ID. GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize]; bannerView.adUnitID = @"ad unit ID"; bannerView.rootViewController = self; // Step 3: Load an ad. GADRequest *request = [GADRequest request]; [bannerView loadRequest:request]; // TODO: Insert banner view in table view or scroll view, etc.
Referensi lainnya
Contoh di GitHub
Download aplikasi contoh untuk melihat cara kerja banner adaptif inline.