---
description: NAM(Naver Ad Manager) 네이티브 미디에이션 레이아웃 구성
---

# NAM(Naver Ad Manager)

## 미디에이션 설정

[#nam-naver-a-d-manager](../../mediation#nam-naver-a-d-manager "mention")

**네이티브 광고 노출을 위해서는 사용하는 광고 네트워크의 미디에이션 연동 작업이 필요합니다.**

***

## 추가 설정

{% content-ref url="../extra" %}
[extra](../extra)
{% endcontent-ref %}

NAN(Naver Ad Manager) 광고의 경우 컨텐츠와 광고 영역이 구분될 수 있도록 영역을 구분해야 합니다.

***

## Layout

### 레이아웃 구성 샘플(native\_ad\_unit\_nam.xml)

```xml
<?xml version="1.0" encoding="utf-8"?>
<com.naver.gfpsdk.GfpNativeSimpleAdView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/native_unit_nam_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
```

***

## ViewAdapter

**XML에서 생성한 UI Component를 SDK에서 제공하는 ViewAdapter API를 사용하여 다음과 같이 설정해 줍니다.**

{% tabs %}
{% tab title="KOTLIN" %}
```kotlin
// NativeViewAdapter
val builder = NativeViewAdapter.Builder()

 // NAM(Naver Ad Manager)
builder.setNamViewAdapter(
  viewAdapter = NamNativeViewAdapter.Builder(
    nativeAdLayoutId = R.layout.native_ad_unit_nam,
    nativeAdViewId = R.id.native_unit_nam_container
  ).build()
)

// NativeAdLoader
NativeAdLoader(
  context = ...,
  placementId = ...,
  viewAdapter = builder.build(),
  listener = ...
)
```
{% endtab %}

{% tab title="JAVA" %}
```java
// NativeViewAdapter
final NativeViewAdapter.Builder builder = new NativeViewAdapter.Builder();

// NAM(Naver Ad Manager)
builder.setNamViewAdapter(
  new NamNativeViewAdapter.Builder(
    // nativeAdLayoutId
    R.layout.native_ad_unit_nam,
    // nativeAdViewId
    R.id.native_unit_nam_container
  ).build()
);

// NativeAdLoader
NativeAdLoader(
  /** Context **/
  context,
  /** PlacementId **/
  placementId,
  /** NativeViewAdapter **/
  builder.build(),
  /** NativeAdLoader.NativeListener **/
  listener
);
```
{% endtab %}
{% endtabs %}

