إعلانات البانر التكيُّفية المضمّنة

اختيار النظام الأساسي: Android iOS Flutter Android (الإصدار القديم)

تتيح لك "إعلانات البانر التكيُّفية" تحديد عرض الإعلان لتحديد حجم الإعلان الأمثل لكل جهاز. وعلى عكس "إعلانات البانر التكيُّفية الثابتة"، تكون "إعلانات البانر التكيُّفية المضمّنة" أكبر وأطول، ولا تستخدم ارتفاعات ثابتة. تتضمّن "إعلانات البانر التكيُّفية المضمّنة" ارتفاعًا متغيرًا. قد تملأ إعلانات البانر هذه الشاشة بأكملها أو حدًا أقصى للارتفاع تحدّده أنت.

يتناول هذا الدليل كيفية إنشاء إعلانات بانر تكيُّفية مضمّنة وتحديد حجم البانر.

تعرض الصورة التالية "إعلانات بانر تكيُّفية مضمّنة" في محتوى قابل للتمرير:

قبل البدء

قبل المتابعة، تأكَّد من إعداد إعلانات البانر.

للاطّلاع على مثال كامل على "إعلان بانر تكيُّفي مضمّن"، نزِّل نموذج التطبيق التالي:

• Java
• Kotlin

تنفيذ "إعلانات البانر التكيّفية المضمّنة"

لتنفيذ إعلانات البانر التكيُّفية المضمّنة، عليك ضبط حجم الإعلان وإنشاء طلب عرض الإعلان وتحميل الإعلان.

لتحديد حجم "إعلان بانر تكيُّفي" مضمّن، حدِّد عرض الإعلان. تشمل الأساليب الشائعة ما يلي:

• استخدام عرض ملء الشاشة
• استخدام عرض تصميم العنصر الرئيسي الذي يحتوي على الإعلان.
• تعديل العرض لمراعاة المناطق الآمنة في الجهاز

عند إنشاء عنصر حجم الإعلان، استخدِم هذا العرض المحسوب.

يضبط المثال التالي حجم الإعلان، وينشئ طلب عرض الإعلان، ويحمّل الإعلان:

Kotlin

private fun loadAd() {
  // Create an inline adaptive ad size. 320 is a placeholder value.
  // Replace 320 with your banner container width.
  val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320)

  // Step 1 - Create a BannerAdRequest object with ad unit ID and size.
  val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", adSize).build()

  // Step 2 - Load the ad.
  BannerAd.load(
    adRequest,
    object : AdLoadCallback<BannerAd> {
      override fun onAdLoaded(ad: BannerAd) {
        // Assign the loaded ad to the BannerAd object.
        bannerAd = ad
        // Step 3 - Call BannerAd.getView() to get the View and add it
        // to view hierarchy on the UI thread.
        activity?.runOnUiThread {
          binding.bannerViewContainer.addView(ad.getView(requireActivity()))
        }
      }

      override fun onAdFailedToLoad(loadAdError: LoadAdError) {
        bannerAd = null
      }
    }
  )
}

جافا

private void loadAd() {
  // Create an inline adaptive ad size. 320 is a placeholder value.
  // Replace 320 with your banner container width.
  AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320);

  // Step 1 - Create a BannerAdRequest object with ad unit ID and size.
  BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID",
      adSize).build();

  // Step 2 - Load the ad.
  BannerAd.load(
      adRequest,
      new AdLoadCallback<BannerAd>() {
        @Override
        public void onAdLoaded(@NonNull BannerAd ad) {
          // Assign the loaded ad to the BannerAd object.
          bannerAd = ad;
          // Step 3 - Call BannerAd.getView() to get the View and add it
          // to view hierarchy on the UI thread.
          if (getActivity() != null) {
            getActivity()
                .runOnUiThread(() ->
                    binding.bannerViewContainer.addView(ad.getView(getActivity())));
          }
        }

        @Override
        public void onAdFailedToLoad(@NonNull LoadAdError adError) {
          bannerAd = null;
        }
      });
}

ضبط تخطيط "إعلان البانر التكيُّفي المضمّن"

لتحميل "إعلان بانر تكيّفي مضمّن" مسبقًا لتصميم معيّن، استخدِم الطريقتَين التاليتَين:

• AdSize.getPortraitInlineAdaptiveBannerAdSize(Context context, int width)

• AdSize.getLandscapeInlineAdaptiveBannerAdSize(Context context, int width)

إذا كان تطبيقك يتيح عرض المحتوى في الوضعَين العمودي والأفقي، وكنت تريد التحميل المُسبَق لإعلان بانر متكيّف في التصميم الحالي، استخدِم طريقة AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width). تحمّل هذه الطريقة إعلانًا في التنسيق الحالي.

الحدّ من ارتفاع "إعلان البانر التكيُّفي" المضمّن

تتضمّن "إعلانات البانر التكيُّفية" المضمّنة التي يتم إنشاؤها بدون قيمة maxHeight ارتفاعًا أقصى يساوي ارتفاع الجهاز. للحدّ من ارتفاع إعلان البانر التكيّفي المضمّن، استخدِم طريقة AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight).