카테고리 없음

Flutter를 이용해서 android에 AdMob 집어넣기

별빛과하엘 2020. 10. 22. 13:43

서비스를 만들고 나서 수익 좀 얻어야 될 것 같아서, 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 (android 하는법)

/ios/Runner/Info.plist (ios 하는법 이부분은 따로 정리된부분이 있으니 그것을 참고해주시길 바랍니다.) 

"Flutter 경로"/android/app/src/main/AndroidManifest.xml

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

pub.dev/packages/firebase_admob#android (android 하는방법)

 

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

 

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

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

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

 

firebase.google.com/docs/android/setup?hl=ko 우선 여기 사이트에서 1단계에서 ~3단계까지 합시다.

 

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

android 패키지명 집어넣기
위에 firebase작업할때 필요한 android 패지키명 확인방법
google-services.json 들어가는 위치

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

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

 

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