Banner adaptif memungkinkan Anda menentukan lebar iklan untuk menentukan ukuran iklan yang optimal. Banner adaptif juga memaksimalkan performa dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Pendekatan ini menghasilkan peluang untuk meningkatkan performa.
Dibandingkan dengan banner adaptif anchor, banner adaptif inline lebih besar, lebih tinggi, dan menggunakan tinggi variabel, bukan tinggi tetap. Banner adaptif inline memiliki tinggi variabel, dan dapat mencakup seluruh layar atau tinggi maksimum yang Anda tentukan.
Anda menempatkan banner adaptif inline di konten yang dapat di-scroll, misalnya:
Sebelum memulai
Sebelum melanjutkan, pastikan Anda memiliki hal berikut:
- Google Mobile Ads SDK 8.10.0 atau yang lebih tinggi.
- Menyelesaikan panduan memulai, Iklan Banner.
Menerapkan banner adaptif
Tidak seperti banner adaptif anchor, banner adaptor inline dimuat menggunakan ukuran banner adaptif inline. Untuk membuat ukuran iklan adaptif inline, selesaikan hal berikut:
- Dapatkan lebar perangkat yang digunakan, atau tetapkan lebar Anda sendiri jika Anda tidak ingin menggunakan lebar penuh layar.
- Gunakan metode statis yang sesuai pada class ukuran iklan, seperti
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)untuk mendapatkan objek ukuran iklan adaptif inline untuk orientasi yang dipilih. - Jika Anda ingin membatasi tinggi banner, gunakan metode statis
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
Contoh berikut 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 = "<var>ad unit ID</var>"
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 = @"<var>ad unit ID</var>";
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.
Saat menerapkan banner adaptif di aplikasi, perhatikan poin-poin berikut:
- Ukuran banner adaptif inline berfungsi paling baik jika menggunakan lebar penuh yang tersedia. Pada umumnya, ukuran ini adalah lebar penuh layar perangkat yang digunakan, atau lebar penuh konten induk banner. Anda harus mengetahui lebar tampilan yang akan ditempatkan di iklan, lebar perangkat, lebar konten induk, dan area aman yang berlaku.
Mengorientasikan ukuran banner adaptif inline
Untuk memuat iklan banner adaptif inline secara offline untuk orientasi tertentu, gunakan metode berikut:
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Jika aplikasi Anda mendukung tampilan potret dan lanskap, dan Anda ingin melakukan pramuat
iklan banner adaptif dalam orientasi saat ini, gunakan
GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Metode ini memuat iklan dalam orientasi saat ini.
Membatasi tinggi banner adaptif inline
Secara default, banner adaptif inline yang dibuat instance-nya tanpa nilai maxHeight
memiliki maxHeight yang sama dengan tinggi perangkat. Untuk membatasi tinggi banner adaptif inline, gunakan metode GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
Referensi lainnya
Contoh di GitHub
Download aplikasi contoh untuk melihat cara kerja banner adaptif inline.