// 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)
[null,null,["最終更新日 2025-09-02 UTC。"],[[["\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,["Select 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- Complete the [Get started guide](/ad-manager/mobile-ads-sdk/android/quick-start).\n\nFluid size\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\nCreate 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\nJava \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\nKotlin \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\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"]]
