Chartboost를 AdMob 미디에이션과 통합하기

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

지원되는 통합 및 광고 형식

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

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

기본 요건

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

1단계: Chartboost UI에서 구성 설정하기

Chartboost 계정에 가입하고 계정이 인증되면 로그인합니다. 그런 다음 Apps management(앱 관리) 탭으로 이동합니다.

Chartboost 앱 대시보드

Add new app(새 앱 추가) 버튼을 클릭하여 앱을 만듭니다.

앱 관리

나머지 양식을 작성하고 Add App(앱 추가) 버튼을 클릭하여 앱을 마무리합니다.

새 앱 양식

앱이 생성되면 대시보드로 이동합니다. 앱의 App ID(앱 ID)와 App Signature(앱 서명)를 기록해 둡니다.

Android

앱 설정

iOS

앱 설정

AdMob 광고 단위 ID를 설정하려면 Chartboost User ID(사용자 ID)와 User Signature(사용자 서명)가 필요합니다. Chartboost UI에서 Chartboost mediation(Chartboost 미디에이션)을 클릭하면 이러한 매개변수를 확인할 수 있습니다.

Chartboost 미디에이션 대시보드

Resources(리소스) > API Explorer(API 탐색기) 탭으로 이동하여 Authentication(인증) 섹션 아래에 있는 User ID(사용자 ID)와 User Signature(사용자 서명)를 기록해 둡니다.

Chartboost API 탐색기

app-ads.txt 업데이트

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

Chartboost에 app-ads.txt를 구현하려면 app-ads.txt를 참고하세요.

테스트 모드 사용 설정하기

Chartboost UI에서 Apps management(앱 관리) 탭으로 이동하여 목록에서 앱을 선택하고 Edit app settings(앱 설정 수정)를 클릭하면 앱에서 테스트 모드를 사용 설정할 수 있습니다.

Android

앱 설정 수정하기

iOS

앱 설정 수정하기

앱 설정에서 앱의 Test mode(테스트 모드)를 전환할 수 있습니다.

Chartboost 테스트 모드

테스트 모드가 사용 설정되면 이전에 만든 광고 단위 ID를 사용하여 광고를 요청하고 Chartboost 테스트 광고를 수신할 수 있습니다.

Chartboost 테스트 광고를 수신할 수 있게 되면 앱이 Chartboost의 Publisher App Review(게시자 앱 검토)에 배치됩니다. Chartboost에서 수익 창출이 작동하려면 게시자 앱 검토가 Chartboost에서 승인되어야 합니다.

2단계: AdMob UI에서 Chartboost 수요 설정하기

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

Android

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

iOS

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

GDPR 및 미국 주 규정 광고 파트너 목록에 Chartboost 추가

유럽 규정 설정 및 미국 주 규정 설정의 단계에 따라 AdMob UI의 유럽 및 미국 주 규정 광고 파트너 목록에 Chartboost를 추가하세요.

3단계: Chartboost SDK 및 어댑터 가져오기

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

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

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

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

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

    npm

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

    털실

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

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

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://cboost.jfrog.io/artifactory/chartboost-ads/")
    }
}

4단계: Chartboost SDK에 개인 정보 보호 설정 구현하기

Google EU 사용자 동의 정책을 준수하려면 유럽 경제 지역(EEA), 영국, 스위스 사용자에게 특정 정보를 공개하고, 법적으로 요구되는 경우 쿠키 또는 기타 로컬 저장소의 사용 및 광고 개인 최적화를 위한 개인 정보의 수집, 공유, 사용에 대한 동의를 얻어야 합니다. 이 정책에는 EU 온라인 개인 정보 보호 지침 및 개인 정보 보호법(GDPR)의 요구사항이 반영되어 있습니다. 동의가 미디에이션 체인의 각 광고 소스에 전파되는지 확인해야 합니다.

Chartboost React Native 어댑터 버전 0.1.0 이상에서는 UMP SDK 및 Google의 추가 동의 사양과 통합되는 동의 관리 플랫폼에서 Chartboost SDK로 GDPR 동의 신호를 전달하는 기능을 지원합니다. 자세한 내용은 Android 및 iOS의 SDK 개인 정보 보호 메서드를 참고하세요.

미국 주 개인 정보 보호법

미국 주 개인 정보 보호법은 사용자에게 법률에 정의된 조항에 따라 '개인 정보'의 '거래'를 거부할 권리를 부여합니다. 개인 정보 거래 거부 권리는 '판매'하는 회사의 홈페이지에 명시된 'Do Not Sell My Personal Information(내 개인 정보 판매 거부)' 링크를 통해 행사할 수 있습니다. 미국 주 개인 정보 보호법 준수 가이드에서는 Google 광고 게재에 대해 제한적인 데이터 처리를 사용 설정할 수 있지만 Google에서는 게시자 미디에이션 체인의 각 광고 네트워크에 이 설정을 적용할 수 없습니다. 따라서 미디에이션 체인에서 개인 정보 판매에 참여할 수 있는 각 광고 네트워크를 식별하고 각 네트워크의 가이드에 따라 규정을 준수해야 합니다.

다음 샘플 코드에서는 데이터 사용 동의를 OptInSale로 설정합니다. 이 메서드를 호출하는 경우 Google Mobile Ads SDK for React Native를 사용하여 광고를 요청하기 전에 호출하는 것이 좋습니다.

import {
  ChartboostCCPAConsent,
  ChartboostMediation,
} from '@google/gma-mediation-chartboost';
// ...

ChartboostMediation.addCCPADataUseConsent(ChartboostCCPAConsent.OPT_IN_SALE);

5단계: 필수 코드 추가하기

Android

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

iOS

SKAdNetwork 통합

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

6단계: 구현 테스트하기

테스트 광고 사용 설정

AdMob에 테스트 기기를 등록하고 Chartboost UI에서 테스트 모드를 사용 설정해야 합니다.

테스트 광고 확인

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

추가 단계(선택사항)

Android

권한

최적의 성능을 위해 Chartboost는 앱의 AndroidManifest.xml 파일에 다음 선택적 권한을 추가할 것을 권장합니다.

<uses-permission android:name="android.permission.READ_PHONE_STATE" />

iOS

iOS 통합에는 추가 단계가 필요하지 않습니다.

오류 코드

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

Android

com.google.ads.mediation.chartboost.ChartboostAdapter
com.google.ads.mediation.chartboost.ChartboostMediationAdapter

iOS

GADMAdapterChartboost
GADMediationAdapterChartboost

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

Android

오류 코드 이유
0-99 Chartboost SDK에서 오류를 반환했습니다.
101 요청된 광고 크기가 Chartboost에서 지원하는 배너 크기와 일치하지 않습니다.
102 Chartboost는 위치당 한 번에 하나의 광고만 로드할 수 있습니다.
103 AdMob UI에서 구성된 Chartboost 서버 매개변수가 누락되거나 잘못되었습니다.
104 Chartboost 전면 광고 또는 보상형 광고를 표시할 준비가 되지 않았습니다.

iOS

오류 코드 이유
101 AdMob UI에서 구성된 Chartboost 서버 매개변수가 누락되거나 잘못되었습니다.
102 Chartboost SDK에서 초기화 오류를 반환했습니다.
103 Chartboost 광고가 표시 시간에 캐시되지 않습니다.
104 요청된 광고 크기가 Chartboost에서 지원하는 배너 크기와 일치하지 않습니다.
105 기기의 OS 버전이 Chartboost SDK의 최소 지원 OS 버전보다 낮습니다.
200-299 Chartboost SDK 캐시 오류입니다. 자세한 내용은 코드를 참고하세요.
300-399 Chartboost SDK에 오류가 표시됩니다. 자세한 내용은 코드를 참고하세요.
400-499 Chartboost SDK 클릭 오류입니다. 자세한 내용은 코드를 참고하세요.

버전 0.1.0

  • 첫 출시입니다.