플러터 애드몹 배너광고와 애드몹 네이티브 인라인 광고를 구현하는 법을 알아보겠습니다.
- Google Mobile Ads 플러그인을 설정하고
- 배너광고와 네이티브 광고룰 구현해봅니다.
1. 애드몹 앱과 광고단위 설정하기
안드로이드 앱 추가
- 애드몹 콘솔에 접속해서 '앱' 메뉴에서 '앱 추가'를 선택합니다.
- 새 앱 설정에서 플랫폼을 선택하고 '지원되는 앱스토어에 앱이 등록되어있나요?' 질문에 대한 답변으로 '아니요'를 선택합니다. (이미 앱을 출시하셨다면 '예'를 선택해야겠죠?,, 우리는 아직 앱을 출시하지 않은걸로)
- 앱 이름을 입력하고 사용자 측정항목은 원하시는대로 설정하시고 앱추가를 클릭하고 완료합니다.
광고단위 추가
광고단위 추가하기
애드몹 콘솔의 '앱' 메뉴에서 우리가 추가한 'Admob Tutotial'을 선택하고 '광고단위 추가'를 클릭합니다.
배너광고를 선택하고 광고단위 이름에는 광고 단위를 쉽게 찾을 수 있도록 적당한 이름과 설명을 입력하고 '광고단위 만들기'를 클릭합니다.
그러면 앱ID와 광고단위 ID가 생성되었습니다.
IOS도 같은 방법으로 추가해주세요.
참고로
앱을 만들고 테스트 할 때 실제 광고단위ID를 사용하지 않고 테스트 광고단위 ID를 사용해야 테스트용 광고가 노출됩니다.
테스트용 광고단위 ID는 아래 링크를 통해 확인할 수 있습니다.
테스트광고 사용설정
테스트 광고 사용 설정 | Android | Google Developers
테스트 광고 사용 설정 이 가이드에는 광고 통합에서 테스트 광고를 사용하는 방법이 나와 있습니다. 개발 중에는 테스트 광고를 사용하여 광고를 클릭해도 Google 광고주에게 비용이 청구되지
developers.google.com
테스트용으로 사용할 앱ID와 광고단위ID는 아래와 같습니다.
안드로이드
| Item | app ID/ad unit ID |
| AdMob app ID | ca-app-pub-3940256099942544~3347511713 |
| Banner | ca-app-pub-3940256099942544/6300978111 |
| Native | ca-app-pub-3940256099942544/2247696110 |
IOS
| Item | app ID/ad unit ID |
| AdMob app ID | ca-app-pub-3940256099942544~1458002511 |
| Banner | ca-app-pub-3940256099942544/2934735716 |
| Native | ca-app-pub-3940256099942544/3986624511 |
다음 글에서는 프로젝트를 생성해서 google_mobile_ads 플러그인을 추가하고 코드에 적용하는 과정을 알아보겠습니다.
플러터에 구글 애드몹 광고 추가하기(2), Adding an AdMob banner ads to a flutter app
지난 포스트에 이어서 오늘은 구글 애드몹 광고 플러그인을 추가하고 코드에 적용해 보겠습니다. 아직 지난 포스트를 보지 않으신 분은 아래 글을 참고하시기 바랍니다. https://dcns.tistory.com/9 플
dcns.tistory.com
참고한 글
Google Codelab
https://codelabs.developers.google.com/codelabs/admob-inline-ads-in-flutter?hl=ko#0
Adding an AdMob banner and native inline ads to a Flutter app | Google Codelabs
In this codelab, you’ll learn how to add AdMob inline ads (Banner and Native) to a flutter app.
codelabs.developers.google.com
GitHub - googlecodelabs/admob-inline-ads-in-flutter
Contribute to googlecodelabs/admob-inline-ads-in-flutter development by creating an account on GitHub.
github.com
'Flutter 플러터' 카테고리의 다른 글
| Flutter SharedPreferences 기능과 사용법 (0) | 2022.06.07 |
|---|---|
| Flutter PageView infinite loop (0) | 2022.06.06 |
| convert Timestamp to DateTime in Flutter (플러터에서 Timestamp를 DateTime으로 바꾸기) (0) | 2022.06.04 |
