AppLovinMax

SDK 설치

• v13.1.0 호환 지원합니다.

api 'com.applovin:applovin-sdk:13.1.0'

네이티브 광고 추가 설정

다른 타입의 광고와 다르게 네이티브 광고에서 미디에이션 사용하고자 할 경우에는 레이아웃에 대한 추가 설정이 필요합니다.

AdPopcornSSPNativeAd layout 내에 AppLovinMax 광고영역을 추가해 주세요

• native_ad_mediation_layout.xml 샘플

<?xml version="1.0" encoding="utf-8"?>
<com.igaworks.ssp.part.nativead.AdPopcornSSPNativeAd
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/adpopcorn_native_ad"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- AppLovin Max -->
    <include
        android:id="@+id/applovin_native_ad_view"
        layout="@layout/applovin_native_ad_unit_layout" />

</com.igaworks.ssp.part.nativead.AdPopcornSSPNativeAd>

• applovin_native_ad_unit_layout.xml 샘플

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/applovin_native_title"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:singleLine="true"
        android:textColor="@color/black"
        android:textSize="14sp" />

    <FrameLayout
        android:id="@+id/applovin_native_main_image"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_below="@id/applovin_native_title"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="5dp"
        android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/applovin_native_icon_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_below="@id/applovin_native_main_image"
        android:layout_marginLeft="10dp"
        android:layout_marginStart="10dp" />

    <TextView
        android:id="@+id/applovin_native_body_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/applovin_native_main_image"
        android:layout_toRightOf="@id/applovin_native_icon_image"
        android:layout_toEndOf="@id/applovin_native_icon_image"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="5dp"
        android:layout_marginStart="5dp"
        android:layout_marginTop="15dp"
        android:ellipsize="end"
        android:singleLine="true"
        android:textColor="@color/black"
        android:textSize="14sp" />

    <Button
        android:id="@+id/applovin_native_cta"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="3dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="14dp"
        android:layout_marginEnd="14dp"
        android:background="@null"
        android:layout_alignTop="@+id/applovin_native_title"
        android:textSize="10sp"
        />
</RelativeLayout>

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

// AppLovinMax
AppLovinMaxViewBinder appLovinViewBinder = new AppLovinMaxViewBinder.Builder(R.id.applovin_native_ad_view, R.layout.applovin_native_ad_unit_layout)
        .titleViewId(R.id.applovin_native_title)
        .bodyViewId(R.id.applovin_native_body_text)
        .iconViewId(R.id.applovin_native_icon_image)
        .mediaViewId(R.id.applovin_native_main_image)
        .ctaViewId(R.id.applovin_native_cta)
        .build();
adPopcornSSPNativeAd.setAppLovinMaxViewBinder(appLovinViewBinder);

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