IT/Flutter

앱광고 넣기 (Admob)

binary? 2024. 12. 7. 11:56

앱광고 넣기 (Admob)

 

안녕하세요. 이번에 앱 등록하면서 광고도 넣기 위해서 작업해보고 있습니다. 아직 출시를 하지는 않았지만 테스트로만 해보고 있구요. 아래에 그 방법을 정리해보겠습니다.

안드로이드 앱 하단에 배너광고 생성 완료

1. 사이트 접속

https://admob.google.com/

2. 회원가입 및 로그인

3. 광고 단위 생성하기

  • 플랫폼 선택
  • 현재 포스팅에서는 Android만 테스트했습니다.
  • 앱스토어에 등록되지 않은 경우에는 아니오를 선택해도 테스트가능합니다.

  • 앱 이름 설정하고 추가 클릭

  • 완료 클릭

  • 광고 단위 추가
 

  • 원하는 광고 형태를 선택

  • 파트너입찰을 사용하면 수익이 증가한다고 하는데 설정할게 더 많아져서 그냥 안했습니다.

  • 원하시는거 선택하면 되는데 기본세팅 그대로 진행했습니다.

  • 실제 앱을 출시한 경우에는 아래 앱ID를 넣으면 된다고 합니다.
  • 테스트할때 아래 앱ID를 넣으니까 광고 생성이 안되더라구요.
  • 확인해보니 Admob에서 제공하는 테스트 ID가 있다고 해서 그걸로 진행했습니다.

  • 완료하면 아래처럼 생성됩니다.

4. 코드 추가

  • pubspec.yaml - 의존성 설치

  • 광고단위ID를 복사해서 AndroidManifest.xml파일에 넣으면되는데 저는 앱스토어에드등록된 것이 아니라서 그런지 오류가 발생했었습니다.
  • 그래서 애드몹에서 테스트용으로 지정해놓은 광고id를 넣었습니다.
 

  • android/app/src/main/Androidanifest.xml
  • 배너광고 테스트ID: ca-app-pub-3940256099942544~3347511713

  • 인터넷 권한 추가

  • android/app/build.gradle 설정 추가

  • main.dart

  • 광고를 넣을 화면.dart

  • 하단에 배너광고가 생겼습니다. ㅎㅎ

  • 생각보다 간단하면서 설정할게 많네요.