VS Code로 Flutter 안드로이드 앱 만들기 — 개요

전면 광고 구현

#admob #전면광고 #interstitial #구현

@devpc | 2026-04-01 23:22:53 |

Context:

Flow v1 → Node v1

# 전면 광고 구현

전면 광고는 화면 전체를 덮는 광고입니다. 게임 스테이지 전환, 페이지 이동 등 자연스러운 전환 시점에 표시하는 것이 좋습니다.

## 전면 광고 구현

```dart
import 'package:google_mobile_ads/google_mobile_ads.dart';

class InterstitialAdManager {
  InterstitialAd? _interstitialAd;

// 테스트 ID (배포 시 실제 광고 단위 ID로 교체)
  final String _adUnitId = 'ca-app-pub-3940256099942544/1033173712';

void loadAd() {
    InterstitialAd.load(
      adUnitId: _adUnitId,
      request: const AdRequest(),
      adLoadCallback: InterstitialAdLoadCallback(
        onAdLoaded: (ad) {
          _interstitialAd = ad;
          _interstitialAd!.fullScreenContentCallback =
              FullScreenContentCallback(
            onAdDismissedFullScreenContent: (ad) {
              ad.dispose();
              _interstitialAd = null;
              loadAd(); // 다음 광고 미리 로드
            },
            onAdFailedToShowFullScreenContent: (ad, error) {
              ad.dispose();
              _interstitialAd = null;
            },
          );
        },
        onAdFailedToLoad: (error) {
          _interstitialAd = null;
        },
      ),
    );
  }

void showAd() {
    if (_interstitialAd != null) {
      _interstitialAd!.show();
    }
  }

void dispose() {
    _interstitialAd?.dispose();
  }
}
```

## 사용 예시

```dart
final adManager = InterstitialAdManager();

@override
void initState() {
  super.initState();
  adManager.loadAd(); // 미리 로드
}

// 페이지 전환 시 광고 표시
void _onNextPage() {
  adManager.showAd();
  Navigator.push(...);
}
```

## 주의사항

- 광고는 `load()` 후 실제로 준비되기까지 시간이 걸리므로 **미리 로드**해 두세요.
- 사용자 경험을 해치지 않도록 **자연스러운 전환 시점**에만 표시하세요.
- 구글 정책상 앱 시작 직후 바로 전면 광고를 표시하는 것은 금지되어 있습니다.

전면 광고 구현

// COMMENTS

ON THIS PAGE