[flutter] 플러터 앱의 애드몹 (AdMob) 통합하기

플러터는 Google에서 개발한 크로스 플랫폼 앱 개발 프레임워크입니다. 애드몹은 Google에서 제공하는 모바일 광고 플랫폼입니다. 플러터 앱에 애드몹을 통합하여 광고를 효과적으로 게재할 수 있습니다.

이 튜토리얼에서는 플러터 앱에 애드몹을 통합하는 방법에 대해 알아보겠습니다.

애드몹 계정 만들기

먼저 애드몹을 사용하기 위해서는 Google AdMob 계정이 필요합니다. 이미 계정이 있다면 건너뛰고, 없다면 다음 단계를 따라 계정을 만들어주세요.

  1. Google AdMob 웹사이트로 이동하세요.
  2. “시작하기” 버튼을 클릭하세요.
  3. Google 계정으로 로그인하거나, Google 계정이 없는 경우 새로운 Google 계정을 만드세요.
  4. 애드몹 계정 만들기 페이지에서 필요한 정보를 입력하세요.
  5. “비즈니스 정보” 섹션에서 앱의 이름과 URL을 입력하세요.
  6. “목표 및 수익 창출” 섹션에서 앱의 목표와 예상 광고 수익을 선택하세요.
  7. “정보 동의” 섹션에서 Google 애드몹 이용 약관에 동의하세요.
  8. “동의 및 계정 만들기” 버튼을 클릭하여 애드몹 계정을 만드세요.

애드몹 계정을 만들었으면 이제 플러터 앱에 애드몹을 통합할 준비가 되었습니다.

애드몹 패키지 추가하기

플러터 앱에 애드몹을 통합하기 위해서는 firebase_admob 패키지를 사용해야 합니다. pubspec.yaml 파일에 패키지를 추가하여 의존성을 설정해주세요.

dependencies:
  flutter:
    sdk: flutter
  firebase_admob: ^0.11.2+1

의존성을 추가한 후에는 터미널에서 flutter packages get 명령어를 실행하여 패키지를 다운로드하세요.

패키지가 다운로드되면 이제 애드몹 초기화를 위한 설정을 진행해야 합니다.

애드몹 초기화

애드몹을 사용하기 전에 앱을 초기화해야 합니다. main.dart 파일을 열고, main() 함수 내에 다음 코드를 추가하세요.

import 'package:firebase_admob/firebase_admob.dart';

void main() {
  // 애드몹 초기화
  FirebaseAdMob.instance.initialize(appId: 'YOUR_ADMOB_APP_ID');

  runApp(MyApp());
}

위 코드에서 ‘YOUR_ADMOB_APP_ID’는 애드몹 계정에서 얻은 앱 ID로 대체해야 합니다.

이제 애드몹 초기화가 완료되었습니다. 이제 플러터 앱에 광고를 추가해보겠습니다.

광고 단위 만들기

먼저 애드몹 계정에 광고 단위를 만들어야 합니다. 광고 단위를 만드는 방법은 다음과 같습니다.

  1. 애드몹 웹사이트에 로그인하세요.
  2. “애드 유닛” 탭을 클릭하세요.
  3. “애드 유닛 만들기” 버튼을 클릭하세요.
  4. 적절한 형식의 애드 유닛을 선택한 후, 필요한 정보를 입력하세요.
  5. “저장” 버튼을 클릭하여 애드 유닛을 생성하세요.

광고 단위를 만들었다면 이제 플러터 앱에서 광고를 표시하는 방법에 대해 알아보겠습니다.

광고 표시하기

플러터 앱에서 애드몹 광고를 표시하려면 광고 단위 ID가 필요합니다. 애드몹 계정에서 광고 단위 ID를 확인한 후, 아래 코드를 참고하여 광고를 표시하세요.

import 'package:firebase_admob/firebase_admob.dart';

void main() {
  FirebaseAdMob.instance.initialize(appId: 'YOUR_ADMOB_APP_ID');

  // 광고 단위 ID
  final String adUnitId = 'YOUR_AD_UNIT_ID';

  // 배너 광고 로드
  BannerAd bannerAd = BannerAd(
    adUnitId: adUnitId,
    size: AdSize.banner,
    targetingInfo: MobileAdTargetingInfo(
      keywords: <String>['flutter', 'mobile'],
      contentUrl: 'https://flutter.io',
      childDirected: false,
    ),
    listener: (MobileAdEvent event) {
      print("광고 상태: $event");
    },
  );

  // 광고 로드
  bannerAd.load();

  runApp(MyApp());
}

위 코드에서 ‘YOUR_AD_UNIT_ID’는 애드몹 계정에서 얻은 광고 단위 ID로 대체해야 합니다. 이제 플러터 앱에서 애드몹 광고를 표시할 수 있습니다.

결론

이번 튜토리얼에서는 플러터 앱에 애드몹을 통합하는 방법에 대해 알아보았습니다. 애드몹을 사용하면 플러터 앱에서 광고를 효과적으로 게재할 수 있습니다. 애드몹 계정을 만들고 패키지를 추가하여 앱을 초기화한 후, 광고 단위를 만들고 광고를 표시하는 코드를 추가했습니다. 이제 애드몹을 사용하여 수익을 창출할 수 있습니다.