Welcome to Adrop
  • 애드컨트롤 살펴보기
  • 애드노트 살펴보기
  • 콘솔 가이드
    • 💫애드컨트롤 빠르게 시작하기
    • 광고 플랫폼 배포하기
      • 광고 상품 소개서 등록 가이드
      • 광고 소재 제작 가이드
    • 퀘스트 광고 상품 만들기
      • CPQ 광고 상품 생성 및 CPQ 캠페인 운영하기
      • 퀘스트 리포트 활용하기
    • 광고 상품 만들기
      • 광고 상품 생성하기
        • 필수 타겟팅 지정 기능 알아보기
        • 필수 타겟팅 외 추가 타겟팅 지정 기능 알아보기
        • 광고 상품 수정하기
      • 인하우스 광고 상품 생성 및 인하우스 캠페인 운영하기
      • 광고 상품 구성 변경하기
      • 광고 상품 노출 순서 변경하기
      • 광고 상품 상태 이해하기
      • 광고 상품 할인율 기능 알아보기
        • 광고 상품 할인 내역 확인하기
      • 타겟팅 정보 확인 기능 알아보기
    • 광고 유닛 생성하기
      • 배너 광고 유닛
        • 캐러셀 배너 설정하기
      • 전면 광고 유닛
      • 보상형 광고 유닛
      • 네이티브 광고 유닛
      • 팝업 광고 유닛
      • 스플래시 광고 유닛
      • 광고 유닛 수정하기
    • 캠페인 예약 관리
      • 성과 집계 캠페인 운영하기
      • 캠페인 생성하기
      • 캠페인 소재 미리보기
      • 캠페인 소재 브라우저 설정하기
      • 캠페인 심사하기
      • 캠페인 성과 확인하기
      • 캠페인 일시정지하기
        • 캠페인 소재별 일시정지/재시작
      • 캠페인 취소하기
      • 캠페인 수정하기
      • 캠페인 운영 잘하기
        • 캠페인 검색 및 기간 필터 기능 활용하기
        • 캠페인 예약 약관 업로드 활용하기
    • 리포트 탭 사용하기
    • 대시보드 활용하기
    • 오디언스 타겟팅
      • 타겟팅과 카테고리 이해하기
      • 타겟팅 생성하기
        • 타겟팅 노출 순서 편집하기
      • 프로퍼티 타겟팅 생성하기 (1P 데이터로 타겟팅 만들기)
      • 이벤트 타겟팅 생성하기 (커스텀 이벤트 생성하기)
      • 문맥 타겟팅
      • 타겟팅 할증 기능 알아보기
    • 설정
      • 광고 플랫폼
        • 광고 계정 생성하기
      • 앱
        • Adrop에 앱 등록하기
      • 요금제 및 청구
        • 환불 정책
        • 수익금 지급 정책
      • 멤버
        • 멤버 추가하기
        • 멤버 역할
      • 고급 설정 기능
        • 소재 노출 요일 및 시간 설정 제공 기능
        • CPP 예산 수정 및 타겟팅 지정 허용 기능
        • 오디언스 타겟팅 최소 모수 제한 완화 기능
        • 소재 미리보기 활성화 여부 확인 기능
    • 개발자 센터
      • 테스트 캠페인 직접 해보기
    • 계정
      • 내 계정
      • 내 그룹
      • 내 알림
      • 내 기기
    • 👾 [Google Admob] 맞춤 어댑터로 네트워크 광고 지원하기
    • 💭FAQ
    • 💰 수익금 정산
  • 개발자 가이드
    • Adrop SDK로 광고 노출하기
      • 설정 파일 준비하기
      • Android 앱에 Adrop SDK 설치하기
        • Android 배너 광고
        • Android 전면 광고
        • Android 보상형 광고
        • Android 네이티브 광고
        • Android 팝업 광고
        • Android 스플래시 광고
          • 스플래시 액티비티 연동
          • 스플래시 뷰 연동
        • Android 퀘스트 광고
      • iOS 앱에 Adrop SDK 설치하기
        • iOS 배너 광고
        • iOS 전면 광고
        • iOS 보상형 광고
        • iOS 네이티브 광고
        • iOS 팝업 광고
        • iOS 스플래시 광고
          • 스플래시 뷰컨트롤러 연동
          • 스플래시 뷰 연동
          • 스플래시 뷰컨트롤러 연동 (SwiftUI)
        • iOS 퀘스트 광고
      • Flutter 앱에 Adrop SDK 설치하기
        • Flutter 배너 광고
        • Flutter 전면 광고
        • Flutter 보상형 광고
        • Flutter 팝업 광고
        • Flutter 스플래시 광고
        • Flutter 네이티브 광고
      • React Native 앱에 Adrop SDK 설치하기
        • React Native 배너 광고
        • React Native 전면 광고
        • React Native 보상형 광고
        • React Native 팝업 광고
        • React Native 네이티브 광고
        • React Native 스플래시 광고
      • 웹앱에 Adrop SDK 설치하기 (Dprecated)
        • 웹 앱 배너광고 노출하기 (Dprecated)
        • 웹 앱 네이티브광고 노출하기 (Dprecated)
      • 광고 적용 확인하기
      • Google Admob 사용자를 위한 가이드
        • Android Admob 사용자를 위한 Adrop adapter 연결 가이드
        • iOS Admob 사용자를 위한 Adrop adapter 연결 가이드
        • Flutter Admob 사용자를 위한 Adrop adapter 연결 가이드
      • 📈Metrics
        • 사용자 속성
          • Android Adrop Metrics 설정하기
          • iOS Adrop Metrics 설정하기
          • Flutter Adrop Metrics 설정하기
          • React Native Adrop Metrics 설정하기
          • 웹앱 Adrop Metrics 설정하기
          • 사전 설정된 값 (Preset)
        • Log Events
          • Android 로그이벤트
          • iOS 로그이벤트
          • Flutter 로그이벤트
          • React Native 로그이벤트
          • Web 앱 로그이벤트
      • Adrop SDK 상세 스펙 확인
        • Android
          • Interfaces
            • AdropBannerAdListener
            • AdropInterstitialAdListener
            • AdropRewardedAdListener
            • AdropNativeAdListener
            • AdropPopupAdListener
          • Classes
            • AdropBanner
            • AdropInterstitialAd
            • AdropRewardedAd
            • AdropNativeAd
            • AdropNativeAdView
            • AdropMediaView
            • AdropPopupAd
            • AdropEventParam
          • Errors
          • Objects
        • iOS
          • Interfaces
            • AdropBannerDelegate
            • AdropInterstitialAdDelegate
            • AdropRewardedAdDelegate
            • AdropNativeAdDelegate
            • AdropPopupAdDelegate
          • Classes
            • Adrop
            • AdropBanner
            • AdropInterstitialAd
            • AdropRewardedAd
            • AdropNativeAd
            • AdropNativeAdView
            • AdropPopupAd
            • AdropMetrics
          • Errors
        • Flutter
          • Classes
            • Adrop
            • AdropBannerView
            • AdropBannerListener
            • AdropInterstitialAd
            • AdropInterstitialListener
            • AdropRewardedAd
            • AdropRewardedListener
            • AdropPopupAd
            • AdropPopupListener
            • AdropMetrics
          • Typedefs
            • AdropAdEventCallback
            • AdropAdFailedCallback
            • AdropAdCallback
            • AdropAdErrorCallback
            • AdropAdRewardEventCallback
          • Errors
        • React Native
          • Classes
            • Adrop
            • AdropInterstitialAd
            • AdropRewardedAd
            • AdropListener
            • AdropMetrics
          • Components
            • <AdropBanner/>
          • Hooks
            • useAdropInterstitialAd
            • useAdropRewardedAd
          • Errors
    • Adrop API를 활용해 광고 노출하기
      • API를 활용한 배너광고
      • API를 활용한 네이티브 광고
      • Metrics
      • REST API
        • GET /request
        • Errors
    • Repositories
    • Test Environment
  • 캠페인 가이드
    • 1️⃣캠페인 예약하기 (광고주용)
      • 1. 플랫폼 가입
      • 2. 캠페인 생성
        • 시작일이 임박한 캠페인 유의사항
      • 3. 광고 소재 등록
      • 4. 캠페인 관리
      • 5. 캠페인 일시정지 & 취소
      • 설정 및 권한
        • 결제 정보
        • 멤버 추가하기
        • 멤버 역할
      • 광고 정책
        • 광고 정책
        • 업종별 광고 정책
        • 광고 불가 업종 안내
    • 2️⃣정산
  • 📖용어집
    • 캠페인 상태
    • 광고 소재
  • 릴리즈 노트
    • 릴리즈 노트
Powered by GitBook
On this page
  • 0 단계: 콘솔에서 광고 유닛 등록하기
  • 1 단계 : 스플래시 광고 노출하기
  • 적용 확인하기
  1. 개발자 가이드
  2. Adrop SDK로 광고 노출하기
  3. React Native 앱에 Adrop SDK 설치하기

React Native 스플래시 광고

PreviousReact Native 네이티브 광고Next웹앱에 Adrop SDK 설치하기 (Dprecated)

Last updated 2 months ago

스플래시 광고는 앱이 최초 실행될 때, 앱의 로고와 함께 화면 하단에 1초 내외의 짧은 시간동안 보여지는 광고를 말합니다. 앱 기동 시 Adrop SDK의 스플래시 광고 스크린이 가장 먼저 표시되도록 구현하여 자연스럽게 광고를 노출한 후 앱의 메인 화면으로 넘어갑니다.

디바이스별 자세한 사항은 아래 링크를 참고해주세요.

확인하기 / 확인하기

0 단계: 콘솔에서 광고 유닛 등록하기

  1. Adrop 콘솔에서 팝업 광고 유닛을 생성합니다.

  1. 광고 유닛 리스트에서 생성된 유닛 아이디를 복사합니다.

1 단계 : 스플래시 광고 노출하기

로컬 환경에서 배너 노출을 확인하고 싶다면, 아래의 TEST_UNIT_ID를 사용해주세요.

Ad type
Ad unit ID

Splash

PUBLIC_TEST_UNIT_ID_SPLASH

Step 1. Add resources

Replace your init activity, unit id

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="adrop_splash_ad_next_activity" translatable="false">{your_init_activity}</string> <!-- com.company.app.MainActivity -->
    <string name="adrop_splash_ad_unit_id" translatable="false">{your_splash_unit_id}</string> <!-- PUBLIC_TEST_UNIT_ID_SPLASH for test -->
    <integer name="adrop_splash_ad_max_timeout">1000</integer> <!-- (optional) default 1s -->
</resources>

- values/theme.xml

replace parent to your application theme

<style 
    name="Theme.App.SplashTheme"
    parent="Theme.AppCompat.NoActionBar"/>

- values-v31/theme.xml

  1. Replace windowSplashScreenBackground to your splash background color

<style "Theme.App.SplashTheme" parent="Theme.SplashScreen"> 
    <item name="windowSplashScreenAnimatedIcon">@drawable/your_logo</item>
    <item name="windowSplashScreenBackground">#ffffff</item>
    <item name="windowSplashScreenAnimationDuration">200</item>
    <item name="postSplashScreenTheme">@style/Theme.App.SplashTheme.TranslucentStatus</item>
</style>

<style name="Theme.App.SplashTheme.TranslucentStatus" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
</style>

Step 2. Update Androidmanifest.xml

<application>
	...
	<activity
	    android:name="io.adrop.ads.splash.AdropSplashAdActivity"
	    android:exported="true"
	    android:theme="@style/Theme.App.SplashTheme"
            tools:replace="android:theme">
	    <intent-filter>
	        <action android:name="android.intent.action.MAIN"/>
	        <category android:name="android.intent.category.LAUNCHER"/>
	    </intent-filter>
	</activity>
	...
</application>

Step 3. Add layout/activity_adrop_splash_ad.xml

  1. Replace your logo path and background color.

  2. Do not remove adrop_splash_ad_image ImageView for splash ad

Step 4. run android (debug)

react-native run-android --main-activity io.adrop.ads.splash.AdropSplashAdActivity

Step 1. Change LaunchScreen.storyboard

Add your logo image

Step 2. Update AppDelegate.mm

...
- (UISceneConfiguration *)application:(UIApplication *)application configurationForConnectingSceneSession:(UISceneSession *)connectingSceneSession options:(UISceneConnectionOptions *)options {
    return [[UISceneConfiguration alloc] initWithName:@"Default Configuration" sessionRole:connectingSceneSession.role];
}

- (void)application:(UIApplication *)application didDiscardSceneSessions:(NSSet<UISceneSession *> *)sceneSessions {}
...

Step 3. Create SceneDelegate

Replace your logo name, unit id. Customize background color, timeout if you want.

import UIKit
import AdropAds

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`.
        // If using a storyboard, the `window` property will automatically be initialized and attached to the scene.
        // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead).
        guard let windowScene = (scene as? UIWindowScene) else { return }

        self.window = UIWindow(windowScene: windowScene)

       // 스플래시 광고 요청 전에, Adrop instance를 초기화 해주세요.
       // production 배포 시, 'true'를 사용하세요.
       // 특정 국가에서 이 SDK를 사용하고 있다면,
       // ISO 3166 alpha-2 국가 코드 array를 전달하세요.
       // 타겟 링크가 열리는 브라우저 설정이 필요하다면, useInAppBrowser 값을 바꿔주세요.

       Adrop.initialize(production: false, targetCountries: [], useInAppBrowser: false);

        let splashViewController = AdropSplashAdViewController(unitId: "PUBLIC_TEST_UNIT_ID_SPLASH")
        splashViewController.backgroundColor = splashViewController.traitCollection.userInterfaceStyle == .dark ? .black : .white
        splashViewController.logoImage = UIImage(named: "splashLogo")
        splashViewController.mainViewController = UIStoryboard(name: "Main", bundle: nil).instantiateInitialViewController()
        splashViewController.delegate = self

        self.window?.rootViewController = splashViewController
        self.window?.makeKeyAndVisible()
    }
...
}

Step 4. Update Info.plist

...
<key>UIApplicationSceneManifest</key>
<dict>
    <key>UIApplicationSupportsMultipleScenes</key>
    <true/>
    <key>UISceneConfigurations</key>
    <dict>
        <key>UIWindowSceneSessionRoleApplication</key>
        <array>
            <dict>
                <key>UISceneConfigurationName</key>
                <string>Default Configuration</string>
                <key>UISceneDelegateClassName</key>
                <string>SceneDelegate</string>
            </dict>
        </array>
    </dict>
</dict>
...

적용 확인하기

자세한 가이드는, 를 참고해 주세요.

자세한 예시는 에서 확인하실 수 있습니다.'

Add your to drawable and replace windowSplashScreenAnimatedIcon

서 광고 유닛이 제대로 적용 되었는지 확인하는 방법을 알아보세요.

광고 유닛 생성 가이드
Github
logo image (288x288)
여기
Android 스플래시 규격
iOS 스플래시 규격
915B
activity_adrop_splash_ad.xml
4KB
LaunchScreen.storyboard