Banner adaptif anchor

Banner adaptif adalah generasi berikutnya dari iklan responsif, yang memaksimalkan performa iklan dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Meningkatkan kualitas banner cerdas, yang hanya mendukung ketinggian tetap, banner adaptif memungkinkan Anda menentukan lebar iklan dan menggunakannya untuk menentukan ukuran iklan yang optimal.

Untuk memilih ukuran iklan terbaik, banner adaptif menggunakan rasio aspek tetap, bukan tinggi tetap. Hal ini menghasilkan iklan banner yang mengisi bagian yang lebih konsisten layar di seluruh perangkat dan memberikan peluang untuk peningkatan performa.

Saat menggunakan banner adaptif, perhatikan bahwa banner tersebut akan selalu menampilkan yang konstan untuk perangkat dan lebar tertentu. Setelah Anda menguji tata letak pada perangkat tertentu, Anda dapat yakin bahwa ukuran iklan tidak akan berubah. Namun, ukuran materi iklan banner dapat berubah di berbagai perangkat. Oleh karena itu, sebaiknya pastikan tata letak Anda dapat mengakomodasi variasi tinggi iklan. Pada kasus yang jarang terjadi, ukuran adaptif penuh mungkin tidak terisi dan ukuran standar materi iklan akan ditempatkan di tengah dalam slot ini.

Kapan harus menggunakan banner adaptif

Banner adaptif dirancang untuk menjadi pengganti langsung bagi industri ukuran banner standar 320x50, serta format banner cerdas yang digantikannya.

Ukuran banner ini biasa digunakan sebagai banner anchor, yang biasanya terkunci di bagian atas atau bawah layar. Untuk banner anchor semacam itu, aspek rasio saat menggunakan banner adaptif akan serupa dengan banner standar berukuran 320x50 seperti yang dapat dilihat pada screenshot berikut:


Banner 320x50

Banner cerdas

Banner adaptif

Banner adaptif memanfaatkan ukuran layar yang tersedia dengan lebih baik. Selain itu, dibandingkan dengan banner cerdas, banner adaptif adalah pilihan yang lebih baik karena:

  • Layar ini menggunakan lebar yang disediakan, bukan lebar layar penuh, memungkinkan Anda untuk memperhitungkan area aman.

  • Fitur ini memilih ketinggian optimal untuk perangkat tertentu, alih-alih memiliki tinggi konstan di seluruh perangkat berukuran berbeda, mengurangi efek dari fragmentasi perangkat.

Catatan penerapan

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

  • Anda harus mengetahui lebar tampilan tempat iklan akan ditempatkan, dan lebar ini harus memperhitungkan lebar perangkat dan area aman apa pun yang berlaku.

  • Pastikan latar belakang tampilan iklan Anda buram agar sesuai dengan AdMob kebijakan saat ukuran iklan yang lebih kecil ditayangkan yang tidak mengisi slot iklan.

  • Pastikan Anda menggunakan Google Mobile Ads C++ SDK versi terbaru. Sebagai mediasi, gunakan versi terbaru dari setiap adaptor mediasi.

  • Ukuran banner adaptif dirancang agar berfungsi dengan sangat baik saat menggunakan banner lebar yang tersedia. Dalam kebanyakan kasus, ini akan selebar penuh layar perangkat yang digunakan. Pastikan untuk mempertimbangkan area aman yang berlaku.

  • Google Mobile Ads C++ SDK menampilkan tinggi iklan yang dioptimalkan untuk iklan tertentu lebar dalam firebase::gma::AdSize.

  • Ada tiga metode guna mendapatkan ukuran iklan untuk banner adaptif—satu untuk lanskap, satu untuk potret, dan satu lagi untuk orientasi yang aktif pada saat itu dari eksekusi.

  • Ukuran yang ditampilkan untuk lebar tertentu pada perangkat tertentu akan selalu sama, maka setelah Anda menguji tata letak pada perangkat tertentu, Anda bisa yakin bahwa ukuran iklan tidak akan berubah.

  • Tinggi banner anchor tidak pernah lebih dari 15% tinggi perangkat dan tidak pernah kurang dari 50 poin.

Mulai cepat

Ikuti langkah-langkah di bawah untuk menerapkan banner anchor adaptif sederhana.

  1. Dapatkan ukuran iklan banner adaptif. Ukuran yang Anda dapatkan akan digunakan untuk meminta banner adaptif. Untuk mendapatkan ukuran iklan adaptif, pastikan Anda:

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

    2. Gunakan metode statis yang sesuai pada class AdSize, seperti GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) hingga mendapatkan objek AdSize adaptif untuk orientasi yang dipilih.

    3. Panggil Initialize() di AdView dengan AdSize adaptif yang telah Anda dibuat.

      Contoh lengkapnya disertakan di bawah.

  2. Buat objek AdRequest dan muat banner Anda menggunakan loadAd() pada tampilan iklan yang disiapkan, sama seperti yang Anda lakukan pada banner standar permintaan.

Kode contoh

Berikut adalah contoh AdView yang akan memuat banner adaptif:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Di sini, fungsi GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) digunakan untuk dapatkan ukuran untuk banner pada posisi anchor untuk antarmuka saat ini orientasi. Untuk melakukan pramuat banner anchor dalam orientasi tertentu, gunakan fungsi yang relevan dari GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) dan GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).