Banner adaptif anchor

Banner adaptif adalah iklan responsif generasi berikutnya, yang memaksimalkan performa dengan mengoptimalkan ukuran iklan untuk setiap perangkat. Meningkatkan kualitas 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 aspek tetap, bukan tinggi tetap. Hasilnya, iklan banner yang memenuhi bagian layar yang lebih konsisten di seluruh perangkat dan memberikan peluang untuk performa yang lebih baik.

Saat menggunakan banner adaptif, perhatikan bahwa banner tersebut akan selalu menampilkan ukuran konstan untuk perangkat dan lebar tertentu. Setelah menguji tata letak pada perangkat tertentu, Anda bisa 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 varians tinggi iklan. Dalam kasus yang jarang terjadi, ukuran adaptif penuh mungkin tidak diisi dan materi iklan ukuran standar akan dipusatkan di slot ini.

Kapan banner adaptif digunakan

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

Ukuran banner ini biasanya digunakan sebagai banner anchor, yang biasanya terkunci ke bagian atas atau bawah layar. Untuk banner anchor tersebut, rasio lebar tinggi saat menggunakan banner adaptif akan mirip dengan iklan 320x50 standar, 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:

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

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

Catatan penerapan

Saat menerapkan banner adaptif di aplikasi, perhatikan hal-hal 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 untuk mematuhi kebijakan AdMob saat ukuran iklan yang lebih kecil ditayangkan yang tidak mengisi slot iklan.

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

  • Ukuran banner adaptif dirancang untuk berfungsi paling baik saat menggunakan lebar penuh yang tersedia. Pada umumnya, 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 ditentukan dalam firebase::gma::AdSize.

  • Ada tiga metode untuk mendapatkan ukuran iklan banner adaptif—satu untuk lanskap, satu untuk potret, dan satu lagi untuk orientasi saat ini pada saat eksekusi.

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

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

Mulai cepat

Ikuti langkah-langkah di bawah ini 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 sedang digunakan, atau tetapkan lebar Anda sendiri jika Anda tidak ingin menggunakan lebar penuh layar.

    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() pada AdView dengan AdSize adaptif yang telah Anda buat.

      Contoh lengkapnya disertakan di bawah ini.

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

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