이 페이지는 Cloud Translation API를 통해 번역되었습니다.

시작하기

이 가이드는 Flutter 앱으로 수익을 창출하려는 게시자를 대상으로 합니다.

AdMob 광고를 게재하고 수익을 창출하려면 먼저 본 가이드에서처럼 먼저 Google 모바일 광고 SDK 플러그인을 Flutter 앱에 통합해야 합니다. 통합이 완료되면 광고 형식을 선택하고 세부적인 구현 단계를 따르세요.

현재 Flutter용 Google 모바일 광고 SDK는 배너 광고, 전면 광고 (전체 화면), 네이티브 광고, 보상형 광고의 로드 및 표시를 지원합니다.

기본 요건

Flutter 1.22.0 이상
Android
- Android 스튜디오 3.2 이상
- Android API 수준 20 이상 타겟팅
- compileSdkVersion을 28 이상으로 설정
iOS
- 활성화된 명령줄 도구가 포함된 최신 버전의 Xcode
권장사항: AdMob 계정을 만들고 Android 또는 iOS 앱을 등록하세요.

모바일 광고 SDK 가져오기

Flutter 프로젝트에 Flutter 플러그인용 Google 모바일 광고 SDK를 포함합니다.

플랫폼별 설정

Android

AndroidManifest.xml 업데이트

AndroidManifest.xml에 AdMob 앱 ID가 포함되어야 합니다. 그렇지 않으면 앱이 시작될 때 비정상 종료됩니다.

com.google.android.gms.ads.APPLICATION_ID라는 이름으로 <meta-data> 태그를 추가하여 AdMob 웹 인터페이스에서 확인된 AdMob 앱 ID를 앱의 android/app/src/main/AndroidManifest.xml 파일에 추가합니다. android:value의 경우 다음과 같이 따옴표로 묶은 AdMob 앱 ID를 삽입합니다.

<manifest>
    <application>
        <!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    <application>
<manifest>

Dart 코드에서 플러그인을 초기화할 때는 동일한 value를 사용합니다.

AndroidManifest.xml 구성 및 앱 ID 설정에 관한 자세한 내용은 Android 가이드를 참고하세요.

iOS

Info.plist 업데이트

앱의 ios/Runner/Info.plist 파일에서 AdMob 웹 인터페이스에서 식별한 AdMob 앱 ID의 문자열 값이 포함된 GADApplicationIdentifier 키를 추가합니다.

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Dart 코드에서 플러그인을 초기화할 때는 동일한 값을 전달해야 합니다.

Info.plist 구성 및 앱 ID 설정에 관한 자세한 내용은 iOS 가이드를 참고하세요.

모바일 광고 SDK 초기화

광고를 로드하기 전에 앱에서 MobileAds.instance.initialize()를 호출하여 모바일 광고 SDK를 초기화합니다. 이렇게 하면 SDK가 초기화되고 초기화가 완료되면(또는 30초의 제한 시간이 경과한 후에) 완료되는 Future를 반환합니다. 이 작업은 한 번만 처리하면 되며, 가장 좋은 시점은 앱을 실행하기 직전입니다.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();

  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // Load ads.
  }
}

광고 형식 선택

모바일 광고 SDK를 가져온 후에는 광고를 구현할 수 있습니다. AdMob에서는 다양한 광고 형식을 제공하므로 앱의 사용자 환경에 가장 적합한 형식을 선택할 수 있습니다.

기기 화면의 상단이나 하단에 표시되는 직사각형 광고입니다. 배너 광고는 사용자가 앱과 상호작용하는 동안 화면에 표시되며 일정 시간이 지나면 자동으로 새로고침될 수 있습니다. 모바일 광고를 처음 시작하는 경우 배너 광고를 이용하는 것이 좋습니다.

배너 광고 구현

전면 광고

사용자가 닫을 때까지 앱의 인터페이스를 완전히 덮는 전체 화면 광고입니다. 게임에서 다음 레벨로 넘어가거나 작업을 완료한 직후처럼 앱 이용이 잠시 중단될 때 자연스럽게 광고가 게재되는 것이 좋습니다.

전면 광고 구현

네이티브

앱의 디자인과 스타일에 맞게 설정할 수 있는 맞춤 광고입니다. 광고 배치 방법 및 위치를 정할 수 있으므로 광고 레이아웃과 앱 디자인 간의 일관성 유지가 가능합니다.

네이티브 광고 구현

리워드 제공됨

짧은 동영상을 시청하거나 플레이어블 광고 또는 설문조사와 상호작용한 사용자에게 리워드를 제공하는 광고 형식입니다. 무료 게임 사용자로부터 수익을 창출하는 데 효과적입니다.

보상형 광고 구현