InMobi

SDK 설치

• v11.1.1 호환 지원합니다.

api 'com.inmobi.monetization:inmobi-ads-kotlin:11.1.1'
api 'androidx.browser:browser:1.8.0'
api 'com.squareup.picasso:picasso:2.8'
api "com.squareup.okhttp3:okhttp:3.14.9"
api "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.10.1"
api "androidx.core:core-ktx:1.5.0"
api "org.jetbrains.kotlin:kotlin-stdlib:2.1.21"
api "com.squareup.okio:okio:3.7.0"
api "androidx.media3:media3-exoplayer:1.4.1"

네이티브 광고 추가 설정

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

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

• 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">

    <!-- InMobi -->
    <include
        android:id="@+id/inmobi_native_ad_view"
        layout="@layout/inmobi_native_ad_unit_layout"/>

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

• inmobi_native_ad_unit_layout.xml 샘플

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:padding="5dp"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/inmobi_adIcon"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <FrameLayout
            android:id="@+id/inmobi_adChoice"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_alignParentTop="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/inmobi_adSponsored"
            android:text="sponsored"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_below="@id/inmobi_adChoice"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@id/inmobi_adIcon"
            android:layout_toRightOf="@id/inmobi_adIcon"
            android:layout_toStartOf="@id/inmobi_adSponsored"
            android:layout_toLeftOf="@id/inmobi_adSponsored"
            android:layout_marginStart="5dp"
            android:layout_marginLeft="5dp"
            android:layout_centerVertical="true"
            android:orientation="vertical">
            <TextView
                android:id="@+id/inmobi_adTitle"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
            <RatingBar
                android:id="@+id/inmobi_adRating"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>
    </RelativeLayout>

    <FrameLayout
        android:id="@+id/inmobi_adContent"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/inmobi_adAction"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/inmobi_adDescription"
            android:layout_toLeftOf="@id/inmobi_adAction"
            android:layout_toStartOf="@id/inmobi_adAction"
            android:layout_centerVertical="true"
            android:maxLines="2"
            android:ellipsize="marquee"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </RelativeLayout>
</LinearLayout>

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

// InMobi
InMobiViewBinder inMobiViewBinder = new InMobiViewBinder.Builder(R.id.inmobi_native_ad_view, R.layout.inmobi_native_ad_unit_layout)
                .iconViewId(R.id.inmobi_adIcon) // ImageView
                .titleViewId(R.id.inmobi_adTitle) // TextView
                .descriptionViewId(R.id.inmobi_adDescription) // TextView
                .ratingBarViewId(R.id.inmobi_adRating) // RatingBar
                .mediaContainerViewId(R.id.inmobi_adContent) // FrameLayout
                .ctaViewId(R.id.inmobi_adAction) // Button
                .build();
adPopcornSSPNativeAd.setInMobiViewBinder(inMobiViewBinder);

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