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 단계: (선택 사항) 이벤트 리스너 선언하기
  • 2단계: 보상형 광고 노출하기
  • 보상형 광고 Dispose
  • 적용 확인하기
  1. 개발자 가이드
  2. Adrop SDK로 광고 노출하기
  3. Flutter 앱에 Adrop SDK 설치하기

Flutter 보상형 광고

PreviousFlutter 전면 광고NextFlutter 팝업 광고

Last updated 2 months ago

보상형 광고는 사용자가 광고를 시청하거나 특정 작업을 수행함으로써 보상을 받는 광고 형식입니다.

사용자가 자발적으로 광고를 시청하거나 특정 액션을 수행하기 때문에 보다 높은 관심과 참여도를 보이는 장점을 가지고 있습니다.

다음 가이드를 통해 서비스에 보상형 광고를 적용할 수 있습니다.

이미 등록된 광고 유닛이 있다면 부터 진행하세요.

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

자세한 가이드는, 광고 유닛 생성 가이드를 참고해 주세요.

  1. Adrop 콘솔에서 보상형 광고 유닛을 생성합니다.

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

1 단계: (선택 사항) 이벤트 리스너 선언하기

final AdropRewardedListener listener = AdropRewardedListener(
    onAdReceived: (ad) =>
        debugPrint('Adrop Rewarded Ad loaded with unitId ${ad.unitId}!'),
    onAdFailedToReceive: (ad, errorCode) => 
        debugPrint('error in ${ad.unitId} while loading: $errorCode'),
    onAdFailedToShowFullScreen: (ad, errorCode) =>
        debugPrint('error in ${ad.unitId} while showing: $errorCode'),
    onAdEarnRewardHandler: (ad, type, amount) {
        debugPrint('Adrop Rewarded Ad earn rewards: ${ad.unitId}, $type, $amount');
        // implement your actions with rewards
    },
    ...
);

2단계: 보상형 광고 노출하기

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

Ad type
Ad unit ID

Rewarded

PUBLIC_TEST_UNIT_ID_REWARDED

class YourComponent extends StatefulWidget {
  const YourComponent({super.key});

  @override
  State<StatefulWidget> createState() => _YourComponentState();
}

class _YourComponentState extends State<YourComponent> {
  final AdropRewardedAd rewardedAd = AdropRewardedAd(
    // 0 단계에서 복사한 UNIT_ID를 입력해주세요. 테스트를 원한다면, 가이드 위의 테스트 유닛 아이디를 사용해 주세요.
    unitId: 'YOUR_UNIT_ID or TEST_UNIT_ID', 
    listener: listener,
  );

  @override
  void initState() {
    super.initState();
    rewardedAd.load();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: TextButton(
          onPressed: () {
            final isLoaded = rewardedAd?.isLoaded ?? false;
            if (isLoaded) {
              rewardedAd.show();
            } else {
              ScaffoldMessenger.of(context).showSnackBar(
                const SnackBar(content: Text('rewarded ad is loading...'))
              );
            }
          },
          child: const Text('display ad'),
        ),
      ),
    );
  }
}

보상형 광고 Dispose

AdropRewardedView에 더 이상 액세스할 필요가 없으면 다음과 같이 Dispose해야 합니다.

@override
void dispose() {
  super.dispose();
  rewardedAd.dispose();
}

console에서 발급받은 unitId가 한 번이라도 request 가 들어가면 성공적으로 연결됩니다.

광고 유닛에 연결된 광고가 없다면, 배너가 랜더링 되지 않습니다. 따라서 배너가 정상적으로 랜더링 되는지 확인하고 싶으면, TEST_UNIT_ID 를 사용해 주세요.

TEST_UNIT_ID 를 사용하면 배너 랜더링 확인은 할 수 있지만, console과 연결되지는 않습니다. 따라서 성공적인 연결을 확인하려면 콘솔에 등록한 광고 유닛의 아이디를 적용해 주시고, 하단 이미지 처럼 콘솔을 확인해 주세요.

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

Github
적용 확인하기
1단계