Banner adaptif anchor

Banner adaptif adalah generasi iklan responsif berikutnya, yang memaksimalkan performa dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Demi menyempurnakan banner cerdas, yang hanya mendukung tinggi 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 lebar tinggi 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 menguji tata letak di 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. Dalam kasus yang jarang terjadi, ukuran adaptif penuh mungkin tidak terisi dan materi iklan ukuran standar akan dipusatkan di 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 yang diatarkan tersebut, rasio aspek saat menggunakan banner adaptif akan mirip dengan iklan standar 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, banner adaptif adalah pilihan yang lebih baik dibandingkan banner cerdas karena:

  • Banner ini menggunakan lebar yang disediakan, bukan lebar layar penuh, sehingga Anda dapat mempertimbangkan area aman.

  • Fitur ini memilih tinggi yang optimal untuk perangkat tertentu, bukan memiliki tinggi yang konstan di berbagai perangkat berukuran berbeda, sehingga mengurangi efek fragmentasi perangkat.

Catatan penerapan

Saat menerapkan banner adaptif di aplikasi, perhatikan poin berikut:

  • Anda harus mengetahui lebar tampilan tempat iklan akan ditempatkan, dan hal ini harus mempertimbangkan lebar perangkat dan area aman yang berlaku.

  • Pastikan latar belakang tampilan iklan Anda buram agar sesuai dengan AdMob kebijakan saat ukuran iklan yang lebih kecil ditayangkan dan 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 optimal saat menggunakan lebar penuh yang tersedia. Biasanya, ini akan menjadi lebar penuh layar perangkat yang digunakan. Pastikan untuk mempertimbangkan area aman yang berlaku.

  • Google Mobile Ads C++ SDK menampilkan tinggi iklan yang dioptimalkan untuk lebar yang diberikan 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 dikembalikan 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 yang ditautkan tidak boleh lebih besar dari 15% tinggi perangkat dan tidak boleh lebih kecil 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 tetapkan lebar Anda sendiri jika Anda tidak ingin menggunakan lebar layar penuh.

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

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

      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 mendapatkan ukuran banner dalam posisi yang ditambatkan untuk orientasi antarmuka saat ini. Untuk melakukan pramuat banner yang ditautkan dalam orientasi tertentu, gunakan fungsi yang relevan dari GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) dan GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).