이 가이드는 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 업데이트
AdMob 앱 ID가 AndroidManifest.xml
에 포함되어야 합니다. 그렇지 않으면 앱 실행 시 비정상 종료됩니다.
이름이 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 초기화
광고를 로드하기 전에 SDK를 초기화하고 초기화가 완료되거나 30초의 제한 시간이 지나면 완료되는 Future
을 반환하는 MobileAds.instance.initialize()
를 호출하여 앱에서 모바일 광고 SDK를 초기화하도록 합니다. 이 작업은 앱을 실행하기 직전에 한 번만 수행하면 됩니다.
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에서는 다양한 광고 형식을 제공하므로 앱의 사용자 환경에 가장 적합한 형식을 선택할 수 있습니다.
배너
기기 화면의 상단이나 하단에 표시되는 직사각형 광고입니다. 배너 광고는 사용자가 앱과 상호작용하는 동안 화면에 표시되며 일정 시간이 지나면 자동으로 새로고침될 수 있습니다. 모바일 광고를 처음 시작하는 경우 배너 광고를 이용하는 것이 좋습니다.
전면 광고
사용자가 닫을 때까지 앱의 인터페이스를 완전히 덮는 전체 화면 광고입니다. 게임에서 다음 레벨로 넘어가거나 작업을 완료한 직후와 같이 앱 이용이 자연스럽게 멈추는 시점에 게재하는 것이 좋습니다.
원어민 수준
앱의 디자인과 분위기에 어울리게 설정할 수 있는 맞춤 광고입니다. 광고 배치 방법 및 위치를 정할 수 있으므로 광고 레이아웃과 앱 디자인의 일관성 유지가 가능합니다.
리워드 제공됨
짧은 동영상을 시청하거나 플레이어블 광고와 상호작용하거나 설문조사를 한 사용자에게 보상을 제공하는 광고입니다. 무료 게임 사용자로부터 수익을 창출하는 데 효과적입니다.