인터스티셜 광고 형태 소개
- 화면 전체를 덮는 형태로 노출되는 광고입니다.
- 이미지/동영상 모두 포함되나 동영상 소재가 더 많이 노출되며 일반적으로 5초 후부터 스킵이 가능합니다.
How It Works
인스턴스 생성 및 콜백 설정
DaroInterstitialAd 인스턴스를 생성하고 콜백을 설정합니다.
import 'package:daro_flutter/daro_flutter.dart';
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()를 호출하여 광고를 로드합니다.
interstitialAd.load();
광고 보여주기
isReady()로 광고 준비 여부를 확인한 후 show()로 광고를 표시합니다.
final isReady = await interstitialAd.isReady();
if (isReady) {
interstitialAd.show();
}
리소스 해제
광고 사용이 끝나면dispose()를 호출하여 리소스를 해제합니다.
interstitialAd.dispose();
구현 예시
`DaroInterstitialAd` 구현 예시입니다.
`DaroInterstitialAd` 구현 예시입니다.
import 'package:flutter/material.dart';
import 'package:daro_flutter/daro_flutter.dart';
class InterstitialAdPage extends StatefulWidget {
const InterstitialAdPage({super.key});
@override
State<InterstitialAdPage> createState() => _InterstitialAdPageState();
}
class _InterstitialAdPageState extends State<InterstitialAdPage> {
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'),
),
],
),
),
);
}
}