네이티브 스타일 설정을 사용하면 Google Ad Manager에서 제품 내에 지정한 네이티브 스타일을 기반으로 네이티브 광고의 렌더링을 처리할 수 있습니다. 먼저 크기와 타겟팅을 지정합니다.
그런 다음 HTML, CSS, JavaScript를 추가하여 반응형 광고를 정의하고 모든 화면에서 고품질 디스플레이를 생성합니다. 렌더링을 직접 할 필요가 없습니다. Ad Manager에서 목적지에 맞는 네이티브 스타일을 자동으로 적용합니다. 네이티브 스타일은 배너 광고와 마찬가지로 구현됩니다. 런타임에 결정된 유동 광고 크기 또는 사전에 결정된 고정 광고 크기로 렌더링됩니다.
Ad Manager UI에서 유동 광고 크기를 사용하면 콘텐츠에 맞게 동적으로 조정되는 광고를 만들 수 있습니다. 이 설정을 사용하면 광고의 너비가 앱의 콘텐츠와 일치하고 높이는 런타임에 광고 콘텐츠에 맞게 조정됩니다. SDK는 이 사례를 처리하기 위해 특수 AdSize 상수인 FLUID를 제공합니다. 유동 광고 크기 높이는 게시자가 정의한 너비를 기반으로 동적으로 결정되므로 광고 뷰가 광고 소재의 높이에 맞게 높이를 조정할 수 있습니다.
유동형 광고 요청 만들기
다른 광고 형식과 달리 유연한 광고 크기에는 사전 정의된 너비가 없으므로 XML 레이아웃 파일에서 AdManagerAdView의 layout_width를 명시적으로 설정해야 합니다.
// 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-08-31(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,["# 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"]]
