시작하기

본 가이드는 Flutter

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

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

기본 요건

  • Flutter 1.22.0 이상
  • Android의 경우 <ph type="x-smartling-placeholder">
      </ph>
    • Android 스튜디오 3.2 이상
    • Android API 수준 20 이상 타겟팅
    • compileSdkVersion을 28 이상으로 설정
  • iOS <ph type="x-smartling-placeholder">

모바일 광고 SDK 가져오기

플랫폼별 설정

Android

AndroidManifest.xml 업데이트

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

Ad Manager 앱 ID (광고에서 식별됨)를 관리자 UI)을 앱의 android/app/src/main/AndroidManifest.xml 파일에 <meta-data> 태그가 com.google.android.gms.ads.APPLICATION_ID입니다. 앱을 찾을 수 있습니다. Ad Manager UI에서 찾을 수 있습니다. android:value의 경우 내 광고 삽입 다음과 같이 따옴표로 묶은 관리자 앱 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를 사용합니다. 생성합니다.

자세한 내용은 Android 이 가이드에서 AndroidManifest.xml하고 앱 ID를 설정하는 중입니다.

iOS

Info.plist 업데이트

앱의 ios/Runner/Info.plist 파일에 Ad Manager의 문자열 값이 포함된 GADApplicationIdentifier 키 앱 ID ( (Ad Manager UI 사용))

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

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

iOS 가이드를 참조하세요. Info.plist 구성 및 설정에 대한 자세한 내용을 확인하세요. 앱 ID를 입력하세요.

모바일 광고 SDK 초기화

광고를 로드하기 전에 앱에서 다음을 호출하여 모바일 광고 SDK를 초기화하도록 합니다. MobileAds.instance.initialize(): 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를 가져왔으므로 광고를 구현할 준비가 되었습니다. 광고 Google Ads 관리자에서는 다양한 광고 형식을 제공하므로 가장 적합한 형식을 앱 사용자 환경에 가장 적합하도록 만들 수 있습니다

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

배너 광고 구현

전면 광고

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

전면 광고 구현

네이티브

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

네이티브 광고 구현

리워드 제공됨

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

보상형 광고 구현