MIT App inventor 2 - 내가 만든앱에 appyBuilder를 이용하여 Admob 광고를 달아보자

앱 인벤터2로 앱을 만들었다면, 배너나 기타 광고를 달아서 소소한 수익이라도 내고 싶어진다. 하지만 MIT App inventor 2 프로그램에서는 광고 영역 및 링크를 코딩할 수 있는 방법을 제공하지 않는다.  따라서, MIT App inventor 2 프로그램과 호환이 되고 광고 게시 블록을 제공하는 서드파티 프로그램인 appyBuilder 또는 thunkable 이라는 프로그램을 이용해야한다.

 

두 프로그램 모두 기본 애드몹 광고는 무료로 게시할 수 있도록 해당 기능을 제공하고 있다. 여기에서는 appyBuilder 프로그램을 사용하여 진행하고, 애드몹 테스트 아이디를 사용하여 진행하겠다. 

 

테스트 단계에서는 아직 Admob에 가입하여 광고 아이디를 만들어 놓을 필요는 없다. 어차피, 애드몹 광고 아이디를 갖고 있다고 하더라도 출시 전 앱테스트 단계에서는 테스트 아이디를 사용해야 한다. 테스트 아이디로 충분히 테스트 해 본 뒤에 애드몹에 가입하고 광고 아이디를 생성해도 무방하다.

 

아래 Admob 테스트 아이디 페이지로 접속하여 테스트 아이디를 사용하면 된다.

 

https://developers.google.com/admob/android/test-ads?hl=ko

 

appyBuilder 에서는 AdMob(배너) 과 AdMobbinterstitial(전면광고) 블록 기능을 통해 애드몹 광고중 배너 광고와 전면광고를 무료로 게시할 수 있으며 보상형 동영상 광고 게시는 유로로 제공하고 있다. 따라서, 상기 샘플 광고 단위 ID 3개를 앱에 게시 할 수 있고 테스트 해볼 수 있다.

appyBuilder에 접속하기 전에 우선 MIT App inventor 2 프로그램에서 광고를 게시할 앱에 들어간 후 Export selected project를 클릭하여 aia 파일을 export한 후 Export keystore 를 클릭하여 android.keystore를 저장한다. 저장한 키스토어는 앱 수정등 업데이트로 앱 버전이 바뀔때 사용되며, 새로 등록하는 앱이 버전업을 실행한다는 것과 기존 설치된 앱에 업데이트를 제공하는 기준이 되는 코드 이다. 코드를 분실하거나 손상이 되면, 업데이트를 위해 버전 업 등록을 할 수 없고 새로운 이름으로 다시 앱을 출시해야만 한다.

 

만약, Export keystore 가 활성화가 안되어 있다면 Build -> App (save .apk to my computer)를 클릭하여 apk 파일을 생성하면 Export keystore 가 활성화 된다.

 

이제 아래 appyBuilder 홈페이지에 접속하여 BUILD NOW를 클릭하고 구글 계정이 있다면 구글 계정으로 로그인 하면 된다.

 

https://appybuilder.com

 

 

애피빌더의 화면 구성은 앱 인벤터2와 같으며, 몇가지 기능이 추가되어 있어 애피빌더에서 Export된 aia 파일은 앱 인벤터2에서 사용할 수 없다. 즉, 하위 호환은 안된다는 얘기이다. 

 

Keystore와 관련하여 부연하자면, 앱 인벤터2를 사용하여 계속 앱을 코딩하고 광고만 삽입하겠다고 한다면 앱 인벤터2에서 Keystore를 Export하여 저장하고, 저장된 Keystore를 애피빌더에서 Keystore를 Import 해서 광고를 앱에 게시한 후 Build 해서 구글 플레이 스토어에 출시하면 된다. 그렇지 않고 앞으로 애피 빌더에서 모든 앱을 작성하고 코딩할거라면 굳이 앱 인벤터2의 Keystore를 Import할 필요없이 애피빌더에서 코딩하고 Build하여 출시할 수 있다. 이 때에는 애피빌더 Keystore Export를 사용하여 Keystore를 백업하고 보관해 놓으면 된다. 

 

 

앱 인벤터2에서 저장한 Keystore 파일과 aia 파일을 Import 한다. 

  

 

애피빌더 Palette에 Monetize 항목이 추가된 것을 볼 수 있고 클릭하면 아마존을 비롯한 애드몹등 게시 가능한 광고 플렛폼을 확인 할 수 있다.

 

Monetize -> Admob을 선택한 후 드래그 하여 휴대폰 화면에 놓은 후 Admob1을 클릭하고 Properties 창 AdUnitID 항목에 애드몹 테스트 배너광고 ID           "ca-app-pub-3940256099942544/6300978111"를 복사하여 붙여넣는다.

 

추가로 배너 위치를 조정하고 apk 파일로 빌드하거나 앱 인벤터2 처럼 "애피빌더 컴페니언 앱"을 휴대폰에 설치하고 애뮬레이트 해볼 수 있고 광고 테스트가 완료된 apk 파일을 플레이 스토어에 게시하면 정~ 말 소소한 수익을 기대해 볼 수 있다.  

 

* 2019년 8월 1일 부터 구글 앱 스토어 정책상 안드로이드 API28이 적용된 앱만 스토어에 게시를 할 수 있도록 바뀌면서 그에따라 Appybuilder online이 API28에 맞게 개정작업에 들어가게 되었다. 이에 따라  Appybuilder online의 빌더서버가 폐쇄되어  Appybuilder online에서 앱을 빌드하지 못하게 되었다.  아래 오프라인 버전을 설치하면 API28이 적용된 앱을 빌드할 수 있다. 

 

관련 글

[app inventor] - 앱 인벤터2가 갑자기 느려질때, collapse 옵션과 app inventor 2 ultimate, offline 버젼 사용

[app inventor] - 앱 인벤터2 Usb Device 설정, 안드로이드 폰과 usb를 사용하여 AI2 Companion App과 연결

[app inventor] - MIT App inventor 2 - 내가 만든앱에 appyBuilder를 이용하여 Admob 광고를 달아보자

[app inventor] - MIT App Inventor2 - Appybuilder offline 버전 설치 방법