تصميم الإعلانات المدمَجة مع المحتوى في واجهة مستخدم "مدير الإعلانات"

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

تسمح لك إعدادات الأنماط المدمجة مع المحتوى بأن يتولّى "مدير إعلانات Google" عرض إعلاناتك المدمجة مع المحتوى استنادًا إلى الأنماط المدمجة مع المحتوى التي تحدّدها في المنتج. أولاً، حدِّد الحجم والاستهداف. بعد ذلك، أضِف HTML وCSS وJavaScript لتحديد إعلانات متجاوبة تعرض محتوى عالي الجودة على جميع الشاشات. لا تحتاج إلى إجراء أي عملية عرض، إذ يطبّق "إدارة الإعلانات" تلقائيًا نمط الإعلان المدمج مع المحتوى المناسب للوجهة. يتم تنفيذ أنماط الإعلانات المدمجة مع المحتوى تمامًا مثل إعلانات البانر. ويتم عرضها بحجم إعلان مرن يتم تحديده في وقت التشغيل، أو بحجم إعلان ثابت يتم تحديده مسبقًا.

المتطلبات الأساسية

الحجم المرن

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

إنشاء طلب عرض إعلان مرن

على عكس أشكال الإعلانات الأخرى، لا يتضمّن حجم الإعلان المرن عرضًا محدّدًا مسبقًا، لذا احرص على ضبط layout_width بشكلٍ صريح في AdManagerAdView في ملف تنسيق XML:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

في ما يلي شكل عملية التنفيذ لتقديم طلب عرض الإعلان:

جافا

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

الحجم الثابت

تسمح لك أنماط الإعلانات المدمجة مع المحتوى ذات الحجم الثابت بالتحكّم في عرض الإعلان المدمج مع المحتوى وارتفاعه.

لضبط حجم ثابت، اتّبِع الخطوات التالية:

اضبط حجم إعلان أصغر من حجم شاشة الجهاز أو مساوٍ له. لتحديد الحد الأقصى لحجم الشاشة، استخدِم الـ Resources.getDisplayMetrics طريقة. تستخدِم أبعاد عنصر AdSize وحدات بكسل مستقلة الكثافة (dp). عند المقارنة، حوِّل حجم الشاشة من وحدات البكسل إلى وحدات dp. لمعرفة تفاصيل حول قيود الحجم، اطّلِع على مقالة تحديد المشاكل وحلّها في مرّات الظهور غير المعروضة في "مدير الإعلانات".

  1. أنشِئ عنصر إعلان في واجهة مستخدم "مدير الإعلانات" واختَر أحد الأحجام المحدّدة مسبقًا من القائمة المنسدلة Size.

  2. في ملف تنسيق XML لتطبيقك، اضبط السمة ads:adSize على الثابت الذي يتطابق مع الحجم المحدّد مسبقًا الذي اخترته في الخطوة 1. يمكنك الاطّلاع على قائمة بالأحجام وثوابت AdSize المقابلة لها في قسم الحجم الثابت.

في ما يلي مثال على كيفية تحديد حجم ثابت، مثل حجم الإعلان MEDIUM_RECTANGLE (‎300x250)، في ملف التنسيق:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />