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

시작하기

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

Flutter 앱에 Google 모바일 광고 SDK 통합하기 AdMob 광고를 게재하고 수익을 창출하기 위한 첫 번째 단계입니다. 통합이 완료되면 광고 형식을 선택하고 세부적인 구현 단계를 따르세요.

현재 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를 사용합니다.

자세한 내용은 Android 가이드를 참조하세요. AndroidManifest.xml 구성 및 앱 설정에 대한 정보 있습니다.

iOS

Info.plist 업데이트

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

<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 다양한 광고 형식이 제공되므로 가장 적합한 형식을 선택하세요.

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

배너 광고 구현

전면 광고

사용자가 닫을 때까지 앱의 인터페이스를 완전히 덮는 전체 화면 광고입니다. 다음과 같이 앱 실행 흐름에서 자연스러운 일시중지 시점에 사용하는 것이 좋습니다. 게임 레벨 사이 또는 작업을 완료한 직후에 광고를 표시할 수 있습니다.

전면 광고 구현

네이티브

앱의 디자인과 분위기에 어울리게 맞춤설정할 수 있는 광고입니다. 사용자가 직접 배치하여 레이아웃이 앱의 디자인과 더 일관되도록 합니다.

네이티브 광고 구현

리워드 제공됨

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

보상형 광고 구현