i-mobile을 AdMob 미디에이션과 통합하기

이 가이드에서는 Google Mobile Ads SDK for React Native를 사용하여 미디에이션을 통해 i-mobile의 광고를 로드하고 표시하는 방법을 보여주며, 폭포식 구조 통합에 대해 다룹니다. 광고 단위의 미디에이션 구성에 i-mobile을 추가하는 방법과 i-mobile SDK 및 어댑터를 React Native 네이티브 앱에 통합하는 방법을 설명합니다.

i-mobile의 대시보드 인터페이스는 라벨, 버튼, 설명에 일본어 텍스트를 사용하며 이 가이드의 스크린샷은 번역되지 않았습니다. 하지만 이 가이드의 설명과 안내에서는 라벨과 버튼이 한국어로 번역되었으며, 번역된 내용은 괄호 안에 있습니다.

지원되는 통합 및 광고 형식

i-mobile용 AdMob 미디에이션 어댑터에는 다음과 같은 기능이 있습니다.

통합
입찰
폭포형
형식
앱 열기
배너
전면 광고
리워드 제공됨
보상형 전면 광고
네이티브

기본 요건

계속하기 전에 다음을 확인하세요.

1단계: i-mobile UI에서 구성 설정하기

i-mobile 계정에 가입하거나 로그인합니다.

サイト／アプリ管理(사이트/애플리케이션 관리) 탭과 앱 플랫폼 버튼을 클릭하여 i-mobile 대시보드에 앱을 추가합니다.

Android

iOS

양식을 작성하고 新規登録(가입) 버튼을 클릭합니다.

Android

iOS

새 광고 스팟을 만들려면 サイト／アプリ管理(사이트/애플리케이션 관리) 탭에서 앱을 선택합니다.

Android

iOS

広告スポット管理(광고 스팟 관리) 탭으로 이동하여 新規広告スポット(새 광고 스팟) 버튼을 클릭합니다.

create_ad_spot

그런 다음 広告スポット名(광고 스팟 이름), 広告スポットサイズ(광고 스팟 크기) 및 기타 세부정보를 제공하여 양식을 작성합니다. 그런 다음 新規登録(가입) 버튼을 클릭합니다.

new_ad_spot_form

새 광고 스팟이 준비되었습니다. 통합 세부정보를 보려면 アプリ設定取得(앱 설정 가져오기) 버튼을 클릭합니다.

ad_spot_list

パブリッシャーID(게시자 ID), メディアID(미디어 ID), スポットID(스팟 ID)를 기록해 둡니다. 이 매개변수는 나중에 AdMob UI에서 미디에이션을 위해 i-mobile을 구성할 때 필요합니다.

Android

iOS

app-ads.txt 업데이트

승인된 앱 판매자 app-ads.txt는 승인받은 것으로 확인된 채널을 통해서만 앱 광고 인벤토리가 판매될 수 있게 해주는 IAB Tech Lab 이니셔티브입니다. 광고 수익이 크게 감소하는 것을 방지하려면 app-ads.txt 파일을 구현해야 합니다. 아직 구현하지 않았다면 앱에 app-ads.txt 파일을 설정하세요.

i-mobile에 app-ads.txt를 구현하려면 자주 묻는 질문(FAQ)을 참고하세요.

2단계: AdMob UI에서 i-mobile 수요 설정하기

광고 단위의 미디에이션 설정 구성

Android

자세한 내용은 Android 가이드의 2단계를 참고하세요.

iOS

자세한 내용은 iOS 가이드의 2단계를 참고하세요.

3단계: i-mobile SDK 및 어댑터 가져오기

프로젝트의 루트 디렉터리에 i-mobile용 Google Mobile Ads SDK for React Native 미디에이션 어댑터를 설치합니다. 다음을 완료합니다.

  1. Google Mobile Ads SDK for React Native 어댑터 tar 파일을 gma-sdk-react-native/adapters/imobile/ 디렉터리에서 프로젝트의 local_packages/ 디렉터리로 복사합니다. adapters 폴더가 없으면 기본 요건을 참고하세요.

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/imobile/gma-mediation-imobile-0.1.0.tgz local_packages/

    EXTRACT_DIR를 보관 파일을 추출한 디렉터리의 경로로 바꿉니다.

  2. 원하는 패키지 관리자를 사용하여 어댑터 패키지를 설치합니다.

    npm

    npm install ./local_packages/gma-mediation-imobile-0.1.0.tgz

    털실

    yarn add ./local_packages/gma-mediation-imobile-0.1.0.tgz

  3. Android용으로 빌드하는 경우 프로젝트의 android 디렉터리에 있는 build.gradle 파일에 다음 저장소를 추가합니다.

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://imobile.github.io/adnw-sdk-android")
    }
}

4단계: 추가 코드 필요

Android

i-mobile 통합에는 추가 코드가 필요하지 않습니다.

iOS

SKAdNetwork 통합

i-mobile 문서에 따라 SKAdNetwork 식별자를 프로젝트의 Info.plist 파일에 추가합니다.

5단계: 구현 테스트하기

테스트 광고 사용 설정

AdMob에 테스트 기기를 등록해야 합니다. i-mobile은 테스트를 위해 테스트 스팟 ID, 미디어 ID, 게시자 ID를 제공합니다. 여기에서 확인할 수 있습니다.

테스트 광고 확인

i-mobile에서 테스트 광고를 수신하고 있는지 확인하려면 i-mobile(폭포식 구조) 광고 소스를 사용하여 광고 검사기에서 단일 광고 소스 테스트를 사용 설정하세요.

오류 코드

어댑터가 i-mobile에서 광고를 수신하지 못하면 게시자는 다음 클래스에서 ResponseInfo를 사용하여 광고 응답의 기본 오류를 확인할 수 있습니다.

Android

형식 클래스 이름
배너 com.google.ads.mediation.imobile.IMobileAdapter
전면 광고 com.google.ads.mediation.imobile.IMobileAdapter
네이티브 com.google.ads.mediation.imobile.IMobileMediationAdapter

iOS

형식 클래스 이름
배너 IMobileAdapter
전면 광고 IMobileAdapter
네이티브 GADMediationAdapterIMobile

다음은 광고 로드에 실패할 때 i-mobile 어댑터에서 발생하는 코드와 메시지입니다.

Android

오류 코드 이유
0-99 i-mobile SDK에서 오류를 반환했습니다. 자세한 내용은 코드를 참고하세요.
101 i-mobile에서 광고를 로드하려면 Activity 컨텍스트가 필요합니다.
102 AdMob UI에서 구성된 i-mobile 서버 매개변수가 누락되었거나 잘못되었습니다.
103 요청된 광고 크기가 i-mobile에서 지원하는 배너 크기와 일치하지 않습니다.
104 i-mobile의 네이티브 광고 로드 성공 콜백이 빈 네이티브 광고 목록을 반환했습니다.

iOS

오류 코드 이유
0-10 i-mobile SDK에서 오류를 반환했습니다. 자세한 내용은 코드를 참고하세요.
101 AdMob UI에서 구성된 i-mobile 서버 매개변수가 누락되었거나 잘못되었습니다.
102 요청된 광고 크기가 i-mobile에서 지원하는 배너 크기와 일치하지 않습니다.
103 i-mobile에서 광고를 표시하지 못했습니다.
104 i-mobile에서 빈 네이티브 광고 배열을 반환했습니다.
105 i-mobile에서 네이티브 광고 확장 소재를 다운로드하지 못했습니다.
106 i-mobile은 동일한 스팟 ID를 사용하여 여러 전면 광고를 요청하는 것을 지원하지 않습니다.

버전 0.1.0

  • 첫 출시입니다.