Banner adaptif inline

Pilih platform: Android Android (beta) iOS Flutter

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 peningkatan performa.

Dibandingkan dengan banner adaptif berlabuh, banner adaptif inline lebih besar, lebih tinggi, dan menggunakan tinggi variabel, bukan tinggi tetap. Banner adaptif inline memiliki ketinggian variabel, dan dapat mencakup seluruh layar atau tinggi maksimum yang Anda tentukan.

Anda menempatkan banner adaptif inline dalam konten scrolling, misalnya:

Diagram yang menunjukkan perbedaan banner adaptif dan banner adaptif inline

Sebelum memulai

Sebelum melanjutkan, pastikan Anda memiliki hal berikut:

Menerapkan banner adaptif

Tidak seperti banner adaptif yang di-anchor, banner adaptif inline dimuat menggunakan ukuran banner adaptif inline. Untuk membuat ukuran iklan adaptif inline, selesaikan langkah-langkah berikut:

  1. Dapatkan lebar perangkat yang digunakan, atau tetapkan lebar Anda sendiri jika Anda tidak ingin menggunakan lebar penuh layar.

    Swift 

    let totalWidth = view.bounds.width
// Make sure the ad fits inside the readable area.
let insets = view.safeAreaInsets
let adWidth = totalWidth - insets.left - insets.right
    AdManagerBannerSnippets.swift

    Objective-C 

    CGFloat totalWidth = CGRectGetWidth(view.bounds);
// Make sure the ad fits inside the readable area.
UIEdgeInsets insets = view.safeAreaInsets;
CGFloat adWidth = totalWidth - insets.left - insets.right;
    AdManagerBannerSnippets.m

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

    Swift 

    let adSize = currentOrientationInlineAdaptiveBanner(width: adWidth)
bannerView.adSize = adSize

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
let validAdSize = currentOrientationAnchoredAdaptiveBanner(width: adWidth)
bannerView.validAdSizes = [nsValue(for: validAdSize)]
    AdManagerBannerSnippets.swift

    Objective-C 

    GADAdSize adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(adWidth);
bannerView.adSize = adSize;

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
GADAdSize validAdSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(adWidth);
bannerView.validAdSizes = @[ NSValueFromGADAdSize(validAdSize) ];
    AdManagerBannerSnippets.m

Saat menerapkan banner adaptif di aplikasi Anda, perhatikan poin-poin berikut:

  • Ukuran banner adaptif inline berfungsi optimal saat menggunakan lebar penuh yang tersedia. Dalam kebanyakan kasus, ukuran ini adalah lebar penuh layar perangkat yang digunakan, atau lebar penuh konten induk banner. Anda harus mengetahui lebar tampilan untuk ditempatkan di iklan, lebar perangkat, lebar konten induk, dan area aman yang berlaku.
  • Anda mungkin perlu memperbarui atau membuat item baris baru untuk menggunakan ukuran adaptif. Pelajari lebih lanjut.

Mengatur ukuran banner adaptif inline

Untuk memuat iklan banner adaptif inline dengan orientasi tertentu, gunakan metode berikut:

Jika aplikasi Anda mendukung tampilan potret dan lanskap, dan Anda ingin memuat iklan banner adaptif di 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 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.

Swift Objective-C