Mobon

Android 네이티브 광고 미디에이션 레이아웃 가이드 입니다.

• mobon_native_ad_unit_layout.xml 샘플

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mobon_container"
    android:layout_width="match_parent"
    android:layout_height="227dp"
    android:layout_centerInParent="true"
    android:background="#fff"
    android:padding="10dp">

    <ImageView
        android:id="@+id/mobon_content_iv"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:layout_above="@+id/mobon_logo_iv"
        android:layout_centerVertical="true"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        android:adjustViewBounds="true" />

    <TextView
        android:id="@+id/mobon_desc_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="45dp"
        android:layout_toRightOf="@+id/mobon_content_iv"
        android:ellipsize="end"
        android:maxLines="2"
        android:textSize="18dp" />

    <TextView
        android:id="@+id/mobon_price_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_above="@+id/mobon_logo_iv"
        android:layout_marginRight="25dp"
        android:layout_marginBottom="20dp"
        android:textColor="#f00"
        android:textSize="22dp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/mobon_logo_iv"
        android:layout_width="40dp"
        android:layout_height="19dp"
        android:layout_alignParentBottom="true" />

    <TextView
        android:id="@+id/mobon_title_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@+id/mobon_logo_iv"
        android:layout_marginLeft="5dp"
        android:ellipsize="end"
        android:lines="1"
        android:textSize="16dp" />
</RelativeLayout>

xml에서 생성한 ui component를 sdk에서 제공하는 setMobonViewBinder API를 이용해 아래와 같이 설정해 줍니다.

MobonViewBinder mobonViewBinder = new MobonViewBinder.Builder(R.id.mobon_native_ad_view, R.layout.mobon_native_ad_unit_layout)
        .titleViewId(R.id.mobon_title_tv)
        .mainImageViewId(R.id.mobon_content_iv)
        .logoImageViewId(R.id.mobon_logo_iv)
        .descViewId(R.id.mobon_desc_tv)
        .priceViewId(R.id.mobon_price_tv)
        .build();
adPopcornSSPNativeAd.setMobonViewBinder(mobonViewBinder);

MobonViewBinder Builder 생성 시, view id(R.id.mobon_native_ad_view)와 layout id(R.layout.mobon_native_ad_unit_layout)는 필수로 넘겨주어야 하며, 그 외 ui component에 대해서는 사용하는 리소스에 대해서만 설정해 주면 됩니다.