시작하기

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

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

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

기본 요건

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

모바일 광고 SDK 가져오기

플랫폼별 설정

Android

AndroidManifest.xml 업데이트

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

이름이 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에서는 다양한 광고 형식을 제공하므로 앱의 사용자 환경에 가장 적합한 형식을 선택할 수 있습니다.

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

배너 광고 구현

전면 광고

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

전면 광고 구현

네이티브

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

네이티브 광고 구현

리워드 제공됨

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

보상형 광고 구현