Banner adaptif inline

Banner adaptif adalah generasi berikutnya dari iklan responsif, yang memaksimalkan performa iklan dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Meningkatkan ukuran tetap banner, yang hanya mendukung ketinggian 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 ukuran maksimum, bukan ukuran tetap tinggi. Ini menghasilkan peluang untuk performa yang lebih baik.

Kapan harus menggunakan banner adaptif inline

Banner adaptif inline berukuran lebih besar dan lebih tinggi dibandingkan dengan banner adaptif anchor banner. 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 ini harus memperhitungkan lebar perangkat dan area aman apa pun 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 agar berfungsi dengan sangat baik saat menggunakan lebar penuh yang tersedia. Dalam kebanyakan kasus, 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 dapat menggunakan ukuran. Pelajari lebih lanjut.

• Metode untuk mendapatkan ukuran iklan adalah:

  • GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)

• Saat menggunakan API banner adaptif inline, Google Mobile Ads SDK menampilkan GADAdSize dengan lebar yang diberikan dan penanda inline. Tingginya adalah nol atau maxHeight, bergantung pada API yang Anda gunakan. Tinggi iklan yang sebenarnya akan tersedia saat dikembalikan.

• Banner adaptif inline dirancang untuk ditempatkan dalam konten yang dapat di-scroll. Tujuan spanduk bisa 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 inline iklan banner adaptif dimuat menggunakan ukuran iklan banner adaptif inline. Kepada buat ukuran iklan adaptif inline:

• Dapatkan lebar perangkat yang digunakan, atau setel lebar Anda sendiri jika tidak mau menggunakan lebar penuh layar.
• Gunakan metode statis yang sesuai pada kelas 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:

// 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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// 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.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

// Step 3: Load an ad.
let request = GAMRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

// 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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// 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. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest 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.

Swift Objective-C