플러터에 구글 애드몹 광고 추가하기(1), Adding an AdMob banner ads to a flutter app

플러터 애드몹 배너광고와 애드몹 네이티브 인라인 광고를 구현하는 법을 알아보겠습니다.

• Google Mobile Ads 플러그인을 설정하고
• 배너광고와 네이티브 광고룰 구현해봅니다.

 

1. 애드몹 앱과 광고단위 설정하기

 

안드로이드 앱 추가

• 애드몹 콘솔에 접속해서 '앱' 메뉴에서 '앱 추가'를 선택합니다.
• 새 앱 설정에서 플랫폼을 선택하고 '지원되는 앱스토어에 앱이 등록되어있나요?' 질문에 대한 답변으로 '아니요'를 선택합니다. (이미 앱을 출시하셨다면 '예'를 선택해야겠죠?,, 우리는 아직 앱을 출시하지 않은걸로)

플러터 구글 애드몹 광고 설정

• 앱 이름을 입력하고 사용자 측정항목은 원하시는대로 설정하시고 앱추가를 클릭하고 완료합니다.

플러터 구글 애드몹 광고 설정

플러터 구글 애드몹 광고 설정

 

광고단위 추가

광고단위 추가하기

애드몹 콘솔의 '앱' 메뉴에서 우리가 추가한 'Admob Tutotial'을 선택하고 '광고단위 추가'를 클릭합니다.

 

애드콤 광고단위 만들기

배너광고를 선택하고 광고단위 이름에는 광고 단위를 쉽게 찾을 수 있도록 적당한 이름과 설명을 입력하고 '광고단위 만들기'를 클릭합니다.

 

그러면 앱ID와 광고단위 ID가 생성되었습니다.

 

IOS도 같은 방법으로 추가해주세요.

 

참고로

앱을 만들고 테스트 할 때 실제 광고단위ID를 사용하지 않고 테스트 광고단위 ID를 사용해야 테스트용 광고가 노출됩니다.
테스트용 광고단위 ID는 아래 링크를 통해 확인할 수 있습니다.
테스트광고 사용설정

테스트 광고 사용 설정  |  Android  |  Google Developers

 

테스트용으로 사용할 앱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 플러그인을 추가하고 코드에 적용하는 과정을 알아보겠습니다.

 

https://dcns.tistory.com/14

플러터에 구글 애드몹 광고 추가하기(2), Adding an AdMob banner ads to a flutter app

 

 

 

 

참고한 글

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

 

https://github.com/googlecodelabs/admob-inline-ads-in-flutter/blob/main/complete_kotlin_swift/lib/main.dart

GitHub - googlecodelabs/admob-inline-ads-in-flutter