본문 바로가기
카테고리 없음

Flutter를 이용해서 아이폰에 Google AdMob 광고하기

by 별빛과하엘 2020. 10. 22.

서비스를 만들고 나서 수익 좀 얻어야 될 것 같아서, AdMob 광고를 집어넣으려고 자료를 찾다가 이건 정리해야 되겠다 싶어서 정리를 하려고 합니다.

 

Google AdMob

 

우선 구글에서 제공해주는 firebase_admob 패키지를 이용해서 admob를 넣어줘야 되는데, 패키지 설치하는 방법은 pub.dev/packages/firebase_admob/install 이 부분에 잘 나와있습니다.
이글을 읽으실때 Flutter를 모르신다면 아마 공부를 하시고 오셔야될것같습니다.

 

우선 APP ID를 설정하셔야됩니다.
이건 어디에서하냐면 apps.admob.com/ 이 사이트에 들어가셔서 만들어주시면됩니다.
만드는과정은 찾아보면 자세히 설명되어있어서 따로 추가 설명은 하지 않겠습니다.
여기에서 android id 와 ios id를 2개 다 만드셨다면, 밑에 사진을 보시면 id라는 정보가 담겨져있을겁니다.

 

저기에있는 앱ID를 이용하여서 나중에 이 2두곳에 넣어줄겁니다.

 

/android/app/src/main/AndroidManifest.xml (안드로이드는 나중에 소개해드리겠습니다.) 

/ios/Runner/Info.plist

/ios/Runner/Info.plist

하는방법은 옆에 링크를 참조하시길 바랍니다.

pub.dev/packages/firebase_admob#infoplist-changes (ios 하는방법)

 

앞에서 설치하는방법을 링크로 알려드리긴 했지만, 사진으로 다시한번 하는 방법 알려드립니다. 위에 소스안에 firebase_admob이라고 적으시고 패키지를 설치하시면 됩니다.

 

여기까지 오셨다면, 그다음이 제일중요한데요???

저는 처음엔 패키지가 설치하면 저는 알아서 다 될 줄 알았습니다 .. ㅎㅎ;;

firebase랑 같이 연동이된 패키지이니 firebase를 연동을 해줘야됩니다.

 

firebase.google.com/docs/ios/setup#create-firebase-project 우선 여기 사이트에서 1단계에서 ~3단계까지 합시다.

 

밑에 사진은 위에 1단계에서 ~3단계 처리하실때 필요한 자료를 드리는겁니다.

ios 번들 ID 추가
ios 번들 id 집어넣을때 참고자료
GoogleService-Info.plist 들어가는 위치

여기까지 하셨다면 인제는 xcode를 닫아줍니다.

그리고나서 main.dart 소스안에 배너를 집어넣는 소스만 넣어준다면 끝!! 
소스는 나중에 github에 올리겠습니다.

 

// 수정내용             github 소스가 올라 갔습니다//
github.com/YunInSoo/Flutter_AdMob_Demo
인제 flutter run을 하면 ???  밑에 처럼 잘실행이됩니다.