Dependency
flutter pub add google_mobile_ads
XML
복사
1. Admob 앱 추가 및 광고 단위 추가
Admob 에서 광고를 실행할 앱을 추가하고 광고 단위를 만듭니다. 이번 예제에서는 배너만 다룹니다.
앱 ID와 광고 단위 ID를 메모해 둡시다.```
// 개인이 받은 ID를 쓰세요
Android App ID: ca-app-pub-1405208574064220~6181750412
광고단위 ID: ca-app-pub-1405208574064220/9070803480
iOS App ID: ca-app-pub-1405208574064220~2434077098
광고단위 ID: ca-app-pub-1405208574064220/4677097051
// 공용 ID
iOS 테스트 광고 ID: ca-app-pub-3940256099942544/2934735716
Android 테스트 광고 ID: ca-app-pub-3940256099942544/6300978111
XML
복사
2. iOS 설정
Info.plist 를 소스코드로 열어서 아래 부분에 아래 코드를 추가합니다. app id 는 본인것으로 변경 필요합니다.
코드보기
3. 안드로이드 설정
AndroidManifest.xml 에 아래 내용을 추가합니다.
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="app.kyulabs.plant_butler">
<application
...>
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="[YOUR ANDROID APP ID]"/> 👈👈👈👈👈
...
</application>
</manifest>
XML
복사
4. Flutter 프로젝트 설정
void main() async {
...
MobileAds.instance.initialize(); 👈👈👈👈
runApp(App());
}
Dart
복사
main함수에 MobileAds 초기화를 수행합니다.
5. Flutter 광고 부착
BannerAd banner = BannerAd(
listener: BannerAdListener(
onAdFailedToLoad: (Ad ad, LoadAdError error) {},
onAdLoaded: (_) {},
),
size: AdSize.banner,
adUnitId: Constants.BANNER_AD_ID,
request: AdRequest(),
);
void initState() {
super.initState();
banner?.load();
}
void dispose() {
banner?.dispose();
super.dispose();
}
Dart
복사
Container(
height: banner.size.height.toDouble(),
child: AdWidget(
ad: banner,
),
),
Dart
복사