1인 개발, 인디메이킹 필름

이전 글 보기(요약 1, 2번) : https://onemanonemonthoneproduct.tistory.com/4

3. google_mobile_ads 라이브러리 추가 

pub.dev 페이지에서 google_mobile_ads 검색 후 플러터 프로젝트에서 라이브러리 인스톨

4. 프로젝트에 ApplicationID(단위 ID) 추가

✔︎ 개발 중에는 테스트ID로 활용 (참고: https://developers.google.com/admob/android/test-ads?hl=ko)

- Android : android/app/src/main/AndroidManifest.xml 

   - 아래의 meta-data에 application id(단위 ID)추가

<application ...>
...
   <meta-data
     android:name="com.google.android.gms.ads.APPLICATION_ID"
     android:value="[YOUR APP ID]"
   />
...
</application>

- ios : ios/Runner/Info.plist 

   - 아래의 meta-data에 application id(단위 ID)추가

<dict>
...
    <key>GADApplicationIdentifier</key>
     <string>[YOUR APP ID]</string>
...
</dict>

5. 소스 구현

- main.dart 에 라이브러리 init

Future<void> main() async {
...
    //라이브러리 init
    await MobileAds.instance.initialize();
...
    runApp(
        const ProviderScope(child: TestApp()),
    );
}

5-0. 개요

    - 구현 하고자 하는 광고 단위를 검색해서 적용하세요.

    - 호출 구현 플로우는 load ➜ show ➜ dispose 순서로 구현합니다.

    - <YOUR_AD_UNIT_ID>에 발급받은 application id(단위 ID)로 변경합니다.

5-1. 배너 광고 (Banner Ads)

// Load
BannerAd _bannerAd = BannerAd(
  adUnitId: '<YOUR_AD_UNIT_ID>',
  size: AdSize.banner,
  request: AdRequest(),
  listener: BannerAdListener(),
);
_bannerAd.load();

// Show
if (_isBannerAdReady) {
  AdWidget(ad: _bannerAd);
}

// Dispose
_bannerAd.dispose();

5-2. 전면 광고 (Interstitial Ads)

// Load
InterstitialAd.load(
  adUnitId: '<YOUR_AD_UNIT_ID>',
  request: AdRequest(),
  adLoadCallback: InterstitialAdLoadCallback(
    onAdLoaded: (InterstitialAd ad) {
      _interstitialAd = ad;
    },
    onAdFailedToLoad: (LoadAdError error) {
      print('Interstitial ad failed to load: $error');
    },
  ),
);

// Show
_interstitialAd?.show();

// Dispose
_interstitialAd?.dispose();

5-3. 보상형 광고 (Rewarded Ads)

// Load
RewardedAd.load(
  adUnitId: '<YOUR_AD_UNIT_ID>',
  request: AdRequest(),
  rewardedAdLoadCallback: RewardedAdLoadCallback(
    onAdLoaded: (RewardedAd ad) {
      _rewardedAd = ad;
    },
    onAdFailedToLoad: (LoadAdError error) {
      print('Rewarded ad failed to load: $error');
    },
  ),
);

// Show
_rewardedAd?.show(onUserEarnedReward: (AdWithoutView ad, RewardItem reward) {
  print('Reward earned: ${reward.amount}');
});

// Dispose
_rewardedAd?.dispose();

예제를 참고해서 앱에 AD mob을 추가하고 수익을 발생시켜보세요.

 1. admob 계정 생성

구글 애드몹 홈페이지(https://apps.admob.com)에서 회원가입을 진행합니다. 일반적인 회원가입과 다를게 없으니 자세한 설명은 생략합니다.

2. admob에서 앱 추가, 광고단위 만들기

- 'GET STARTED'를 눌러서 앱추가 시작

- 개발 중인 앱의 플랫폼을 선택하고

- 보통의 경우 개발중인 프로젝트는 '아니오'를 선택, 앱이 이미 등록되어 있는 경우 '예 지원되는 앱 스토어에 앱이 등록되어 있습니다.' 를 선택 

- 앱 이름 등록(앱 이름을 앱 스토어 등록정보와 일치시키는 것이 좋습니다.)

- firebase 사용 시 사용자 측정항목 설정

    - 사용시 Google analytics 사용 가능

- 필요한 광고 단위 추가

    - 광고 단위 이름 추가 후 라벨에 따라 추가하면 되기 때문에 자세한 설명은 생략 하겠습니다.

 - 배너 광고 (Banner Ads): 화면의 상단이나 하단에 고정되어 표시되는 표준 크기의 광고입니다.
 - 전면 광고 (Interstitial Ads): 화면 전체를 차지하는 광고로, 사용자의 앱 사용 흐름 사이에 표시됩니다.
 - 보상형 광고 (Rewarded Ads): 사용자가 광고를 시청한 후 보상을 받을 수 있는 광고 형태입니다.
 - 네이티브 광고 (Native Ads): 앱의 컨텐츠와 비슷한 형태로 디자인되어 사용자 경험을 방해하지 않는 광고입니다.

이어보기 : https://onemanonemonthoneproduct.tistory.com/5