Menggunakan banner adaptif inline untuk banner yang dapat di-scroll

Pilih platform: Android iOS Flutter Android (Lama)

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 yang bervariasi. 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:

• Swift
• Objective-C

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.

Contoh berikut membuat ukuran iklan adaptif inline menggunakan lebar area aman perangkat:

Swift

// Make sure the ad fits inside the readable area.
let adWidth = view.bounds.inset(by: view.safeAreaInsets).width
bannerView.adSize = currentOrientationInlineAdaptiveBanner(width: adWidth)
AdManagerBannerSnippets.swift

Objective-C

// Make sure the ad fits inside the readable area.
CGFloat adWidth = CGRectGetWidth(UIEdgeInsetsInsetRect(view.bounds, view.safeAreaInsets));
bannerView.adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(adWidth);
AdManagerBannerSnippets.m

Penting: Anda dapat menayangkan ukuran iklan reservasi Ad Manager di slot iklan yang sama dengan iklan berukuran banner adaptif.

Jika Anda perlu memperbarui atau membuat item baris untuk menggunakan banner adaptif, lihat Menyiapkan item baris untuk banner adaptif.

Menetapkan tata letak banner adaptif inline

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

• GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

• GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

Jika aplikasi Anda mendukung tampilan potret dan lanskap, dan Anda ingin memuat iklan banner adaptif di tata letak saat ini, gunakan metode GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat 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 GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).