시작하기

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

Google 모바일 광고 SDK를 Flutter 앱에 통합하는 것(여기 참조)은 Ad Manager 광고를 게재하고 수익을 창출하기 위한 첫 단계입니다. 통합이 완료되면 광고 형식을 선택하여 세부적인 구현 단계를 진행할 수 있습니다.

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

기본 요건

  • Flutter 1.22.0 이상
  • Android
    • Android 스튜디오 3.2 이상
    • Android API 수준 20 이상 타겟팅
    • compileSdkVersion을 28 이상으로 설정합니다.
  • iOS

모바일 광고 SDK 가져오기

플랫폼별 설정

Android

AndroidManifest.xml 업데이트

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

이름이 com.google.android.gms.ads.APPLICATION_ID<meta-data> 태그를 추가하여 Ad Manager 앱 ID (Ad Manager UI에서 식별됨)를 앱의 android/app/src/main/AndroidManifest.xml 파일에 추가합니다. Ad Manager UI에서 앱 ID를 확인할 수 있습니다. android:value의 경우 다음과 같이 자체 Ad Manager 앱 ID를 따옴표로 묶어 삽입하세요.

<manifest>
    <application>
        <!-- Sample 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 파일에서 Ad Manager 앱 ID (Ad Manager UI에서 식별됨)의 문자열 값이 포함된 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를 가져오고 광고를 구현할 준비가 되었습니다. Ad Manager는 다양한 광고 형식을 제공하므로 앱의 사용자 환경에 가장 적합한 형식을 선택할 수 있습니다.

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

배너 광고 구현

전면 광고

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

전면 광고 구현

네이티브

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

네이티브 광고 구현

리워드 제공됨

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

보상형 광고 구현