تتيح إعدادات نمط الإعلان المدمج مع المحتوى لـ "مدير إعلانات Google" معالجة عرض إعلاناتك المدمجة مع المحتوى استنادًا إلى أنماط الإعلانات المدمجة مع المحتوى التي تحدّدها ضمن المنتج. أولاً، حدِّد الحجم والاستهداف.
بعد ذلك، أضِف HTML وCSS وJavaScript لتحديد الإعلانات المتجاوبة التي تعرض محتوى عالي الجودة على جميع الشاشات. لست بحاجة إلى تنفيذ أي عملية عرض، لأنّ "مدير إعلانات Google" يطبّق تلقائيًا نمط الإعلان الأصلي المناسب للموقع المقصود. يتم تنفيذ "الأنماط الأصلية" بالطريقة نفسها التي يتم بها تنفيذ "إعلانات البانر". ويتم عرضها بحجم إعلان مرن يتم تحديده في وقت التشغيل، أو بحجم إعلان ثابت يتم تحديده مسبقًا.
يمكنك استخدام حجم الإعلان "مرن" في واجهة مستخدم "مدير إعلانات Google" للحصول على إعلان يتكيّف ديناميكيًا ليناسب محتواه. باستخدام هذا الإعداد، سيتطابق عرض الإعلان مع محتوى تطبيقك، وسيتم تعديل ارتفاعه في وقت التشغيل لاستيعاب محتوى الإعلان. توفّر حزمة تطوير البرامج (SDK) الثابت الخاص AdSize،
FLUID، للتعامل مع هذه الحالة. يتم تحديد ارتفاع الإعلان المرن ديناميكيًا استنادًا إلى العرض الذي يحدّده الناشر، ما يتيح تعديل ارتفاع عرض الإعلان ليتطابق مع ارتفاع التصميم.
إنشاء طلب إعلان مرن
على عكس أشكال الإعلانات الأخرى، لا يتضمّن حجم الإعلان المرن عرضًا محدّدًا مسبقًا، لذا احرص على ضبط layout_widthAdManagerAdView بشكل صريح في ملف تصميم XML:
// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.AdManagerAdViewadView=(AdManagerAdView)fluidAdContainer;AdManagerAdRequestrequest=newAdManagerAdRequest.Builder().build();adView.loadAd(request);
// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.valadView=fluidAdContainerasAdManagerAdViewvalrequest=AdManagerAdRequest.Builder().build()adView.loadAd(request)
تتيح لك أنماط الإعلانات المدمجة مع المحتوى ذات الحجم الثابت التحكّم في عرض وارتفاع الإعلان المدمج مع المحتوى. لضبط حجم ثابت، اتّبِع الخطوات التالية:
أنشئ عنصرًا في واجهة مستخدم "مدير الإعلانات" واختَر أحد الأحجام المحدّدة مسبقًا من القائمة المنسدلة في الحقل Size.
في ملف تنسيق XML الخاص بتطبيقك، اضبط السمة ads:adSize على الثابت الذي يتطابق مع الحجم المحدّد مسبقًا الذي اخترته في الخطوة 1.
يمكنك الاطّلاع على قائمة بالأحجام وثوابت AdSize المقابلة لها
في قسم الحجم الثابت.
في ما يلي مثال على كيفية تحديد حجم ثابت، مثل حجم الإعلان
MEDIUM_RECTANGLE (300x250)، في ملف التصميم:
تاريخ التعديل الأخير: 2025-08-31 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-31 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eNative style settings in Google Ad Manager allow you to customize the look and feel of your native ads using HTML, CSS, and JavaScript for a seamless user experience.\u003c/p\u003e\n"],["\u003cp\u003eYou can define native ads with fixed dimensions, like traditional banners, or opt for fluid sizes that adjust dynamically to the available screen space.\u003c/p\u003e\n"],["\u003cp\u003eFluid size ads are ideal when you want the ad width to match your content but need the height to automatically adapt to the ad creative.\u003c/p\u003e\n"],["\u003cp\u003eTo implement native styles, you'll utilize the \u003ccode\u003eAdManagerAdView\u003c/code\u003e component and specify the desired size in your app's layout file, similar to banner ads.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Mobile Ads SDK 8.1 or higher is required to leverage native style settings for your ad units.\u003c/p\u003e\n"]]],["Native styles in Google Ad Manager use HTML, CSS, and JavaScript to define responsive ads. To implement, use `AdManagerAdView`, similar to banner ads. Specify fixed sizes by creating a line item in the UI and selecting a predefined size. Set the `ads:adSize` attribute in the app's XML layout to the matching constant. Fluid sizes, determined at runtime, require setting \"Fluid\" in the UI and using the `FLUID` constant with a specified `layout_width`. Use Mobile Ads SDK version 8.1 or higher.\n"],null,["# Native styles\n\nSelect platform: [Android](/ad-manager/mobile-ads-sdk/android/native/styles \"View this page for the Android platform docs.\") [iOS](/ad-manager/mobile-ads-sdk/ios/native/styles \"View this page for the iOS platform docs.\") [Flutter](/ad-manager/mobile-ads-sdk/flutter/native/styles \"View this page for the Flutter platform docs.\")\n\n\u003cbr /\u003e\n\n[Native style settings](//support.google.com/admanager/answer/6366914) let\nGoogle Ad Manager handle the rendering of your native ads based on\nnative styles you specify within the product. First, specify size and targeting.\nThen add HTML, CSS, and JavaScript to define ads that are responsive\nand produce a quality display across all screens. You don't need to do\nany of the rendering; Ad Manager automatically applies the right native style\nfor the destination. Native styles are implemented just like banner ads. They\nare rendered with a fluid ad size determined at runtime, or with a fixed\nad size determined ahead of time.\n\nPrerequisites\n-------------\n\n- Complete the [Get started guide](/ad-manager/mobile-ads-sdk/android/quick-start).\n\nFluid size\n----------\n\nYou can use the Fluid ad size in the Ad Manager UI to achieve an ad that\ndynamically adjusts to fit its content. With this setting, the ad's width will\nmatch your app's content, and its height will adjust at runtime to accommodate\nthe ad's content. The SDK provides a special `AdSize` constant,\n[`FLUID`](/ad-manager/mobile-ads-sdk/android/reference/com/google/android/gms/ads/AdSize#FLUID()), to handle this case. The fluid ad size\nheight is dynamically determined based on the publisher defined width, allowing\nthe ad view to adjust its height to match that of the creative.\n\n### Create a fluid ad request\n\nUnlike other ad formats, the fluid ad size doesn't have a predefined width,\nso make sure to explicitly set the `layout_width` of the `AdManagerAdView`\nin your XML layout file: \n\n \u003ccom.google.android.gms.ads.admanager.AdManagerAdView\n android:id=\"@+id/fluid_ad_container\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:layout_gravity=\"center_horizontal\"\n ads:adSize=\"FLUID\"\n ads:adUnitId=\"YOUR_AD_UNIT_ID\" /\u003e\n\n| **Note:** If you specify `wrap_content` for the `layout_width`, the `AdManagerAdView` width defaults to the width of its parent.\n\nHere's what the implementation looks like for making the ad request: \n\n### Java\n\n // fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.\n AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;\n AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();\n adView.loadAd(request); \n https://github.com/googleads/googleads-mobile-android-examples/blob/ccc290a583d7f552bdcf81ea76adc05beaa43f0b/java/advanced/APIDemo/app/src/main/java/com/google/android/gms/snippets/NativeStylesSnippets.java#L28-L31\n\n### Kotlin\n\n // fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.\n val adView = fluidAdContainer as AdManagerAdView\n val request = AdManagerAdRequest.Builder().build()\n adView.loadAd(request) \n https://github.com/googleads/googleads-mobile-android-examples/blob/ccc290a583d7f552bdcf81ea76adc05beaa43f0b/kotlin/advanced/APIDemo/app/src/main/java/com/google/android/gms/snippets/NativeStylesSnippets.kt#L28-L31\n\n\u003cbr /\u003e\n\nFixed size\n----------\n\nNative styles with a fixed size allow you to control the width and height\nof the native ad. To set a fixed size, follow these steps:\n\n1. Create a line item in the Ad Manager UI and select one of the\n predefined sizes from the `Size` field drop-down.\n\n2. In your app's XML layout file, set the `ads:adSize` attribute to\n the constant that matches the predefined size you selected in step 1.\n You can see a list of sizes and their corresponding `AdSize` constants\n in the [Fixed size](/ad-manager/mobile-ads-sdk/android/banner/fixed_size)\n section.\n\nHere's an example of how to specify a fixed size, such as the\n`MEDIUM_RECTANGLE` (300x250) ad size, in your layout file: \n\n \u003ccom.google.android.gms.ads.admanager.AdManagerAdView\n android:id=\"@+id/ad_view_container\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:layout_gravity=\"center_horizontal\"\n ads:adSize=\"MEDIUM_RECTANGLE\"\n ads:adUnitId=\"YOUR_AD_UNIT_ID\" /\u003e\n\n\u003cbr /\u003e"]]
