> ## Documentation Index
> Fetch the complete documentation index at: https://beta-guide.daro.so/llms.txt
> Use this file to discover all available pages before exploring further.
# 인터스티셜 광고
> DARO Flutter SDK를 통해 인터스티셜 광고를 구현하는 방법을 알아봅니다.
## 인터스티셜 광고 형태 소개
* 화면 전체를 덮는 형태로 노출되는 광고입니다.
* 이미지/동영상 모두 포함되나 동영상 소재가 더 많이 노출되며 일반적으로 5초 후부터 스킵이 가능합니다.
### How It Works
***
## 인스턴스 생성 및 콜백 설정
`DaroInterstitialAd` 인스턴스를 생성하고 콜백을 설정합니다.
```dart theme={null}
import 'package:daro_flutter/daro_flutter.dart';
```
```dart theme={null}
final interstitialAd = DaroInterstitialAd(adUnitId: '{YOUR_AD_UNIT_ID}');
interstitialAd.onAdLoadSuccess = (adInfo) {
print('Interstitial ad loaded');
};
interstitialAd.onAdLoadFail = (error) {
print('Interstitial ad failed to load: ${error.message}');
};
interstitialAd.onAdImpression = (adInfo) {
print('Interstitial ad impression');
};
interstitialAd.onAdClicked = (adInfo) {
print('Interstitial ad clicked');
};
interstitialAd.onAdShown = (adInfo) {
print('Interstitial ad shown');
};
interstitialAd.onAdFailedToShow = (error) {
print('Interstitial ad failed to show: ${error.message}');
};
interstitialAd.onAdDismiss = (adInfo) {
print('Interstitial ad dismissed');
};
```
## 광고 로드하기
`load()`를 호출하여 광고를 로드합니다.
```dart theme={null}
interstitialAd.load();
```
## 광고 보여주기
`isReady()`로 광고 준비 여부를 확인한 후 `show()`로 광고를 표시합니다.
```dart theme={null}
final isReady = await interstitialAd.isReady();
if (isReady) {
interstitialAd.show();
}
```
## 리소스 해제
광고 사용이 끝나면 `dispose()`를 호출하여 리소스를 해제합니다.
```dart theme={null}
interstitialAd.dispose();
```
### 구현 예시
```dart theme={null}
import 'package:flutter/material.dart';
import 'package:daro_flutter/daro_flutter.dart';
class InterstitialAdPage extends StatefulWidget {
const InterstitialAdPage({super.key});
@override
State createState() => _InterstitialAdPageState();
}
class _InterstitialAdPageState extends State {
late final DaroInterstitialAd _interstitialAd;
String _status = 'Not Loaded';
@override
void initState() {
super.initState();
_interstitialAd = DaroInterstitialAd(adUnitId: '{YOUR_AD_UNIT_ID}');
_setupCallbacks();
}
void _setupCallbacks() {
_interstitialAd.onAdLoadSuccess = (adInfo) {
setState(() => _status = 'Loaded');
};
_interstitialAd.onAdLoadFail = (error) {
setState(() => _status = 'Failed to Load');
print('Interstitial ad failed to load: ${error.message}');
};
_interstitialAd.onAdShown = (adInfo) {
setState(() => _status = 'Shown');
};
_interstitialAd.onAdFailedToShow = (error) {
setState(() => _status = 'Failed to Show');
};
_interstitialAd.onAdDismiss = (adInfo) {
setState(() => _status = 'Not Loaded');
};
_interstitialAd.onAdClicked = (adInfo) {
print('Interstitial ad clicked');
};
_interstitialAd.onAdImpression = (adInfo) {
print('Interstitial ad impression');
};
}
@override
void dispose() {
_interstitialAd.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Interstitial Ad')),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Status: $_status'),
const SizedBox(height: 16),
ElevatedButton(
onPressed: () async {
final isReady = await _interstitialAd.isReady();
if (isReady) {
_interstitialAd.show();
} else {
setState(() => _status = 'Loading...');
_interstitialAd.load();
}
},
child: Text(_status == 'Loaded' ? 'Show Interstitial' : 'Load Interstitial'),
),
],
),
),
);
}
}
```