AdMob 구현 방법 총정리 # Android 앱 배너 광고

안드로이드 앱을 만들어서 배포할 수준이 되었다면,

마지막으로 광고를 붙이는 작업을 추가 할 수 있는데요.

 

오늘은 Admob를 이용하여서, 광고배너를 앱에 붙이는 방법에 대해서 정리해 보도록 하겠습니다.

참고로 Firebase가 현재 앱과 연결되어 있지 않다면,

먼저 아래 링크를 참조해서 firebase에서 프로젝트를 생성하고 google-services.json 파일을 저장해주어야 합니다.

(https://firebase.google.com/docs/android/setup)

 

1. Admob 모듈 implement 하기

1-1. project level의 build.gradle

project 레벨의 build.gradle에 다음과 같이 google-services를 추가해 줍니다.

 

buildscript {
    repositories {
      google()  // Google's Maven repository
      mavenCentral()  // Maven Central repository
    }

    dependencies {
      classpath 'com.google.gms:google-services:4.3.14'
    }
}

 

1-2. app level의 build.gradle

App레벨의 build.gradle에는 아래와 같이 google-services를 추가해 줍니다.

 

 

plugins {
    id 'com.google.gms.google-services'
}

 

이제 하단의 dependencies에 play-services-ads를  추가해 줍니다.

 

 

implementation 'com.google.android.gms:play-services-ads:21.3.0'

 

이제 라이브러리를 사용할 준비가 다 되었습니다.

 

2. Manifest에서 AppId 선언해주기

가장 먼저 할 것은,

Manifest의 meta-data의 value에,

아래와 같이 Admob-App-Id를 선언해 주어야 합니다.

저는 미리 string.xml에서 sample app id를 선언해 주고, 아래와 같이 가져와 주었습니다.

 

 

 

res>values>string.xml에는 아래와 필요한 샘플 아이디를 저장해 두었습니다.

참고로 아래의 ad_id_sampe는 아래에서 배너를 구현할 때 필요한 샘플 아이디 입니다.

 

<resources>
    <string name="admob_sample_app_id">ca-app-pub-3940256099942544~3347511713</string>
</resources>

 

3. initialize

가장 먼저 할 것은 MobileAds.initialize() 를 통해서, sdk를 초기화 해줍니다.

이 초기화는 앱을 최초에 실행할 때 한번만 하면 되기 때문에,

Application()을 상속받은 XXXApplication.class에서 실행해 주면 되겠습니다.

MyAppication이나 <프고젝트명>Application.class 라는 이름을 많이 사용하게 되는데요.

Application클래스의 onCreate()안에서,

아래와 같이 initialzie()함수를 호출해 주면 됩니다.

 

 

 

4. XML에 Banner 적용하기

이제, 준비는 다 끝났구요. 배너를 XML에 적용할 차례입니다.

아래와 같이 배너를 넣어주는데, adUnitId는 위에서 사용했던 app_id 와는 다르구요.

각각의 배너마다 가지는 id입니다.

 

 

adSize는 아래와 같구요.

상황에 맞춰서 선택하면 되는데요.

standard Banner사이지면 모바일에서 대부분 괜찮습니다.

BANNER 상수를 이용해 주면 됩니다.

 

 

xml에서 정의된 배너는 아래와 코드 3줄로 로딩해 줄 수 있습니다.

 

mAdView = findViewById(R.id.adView)
val adRequest = AdRequest.Builder().build()
mAdView.loadAd(adRequest)

 

실행해 보면,

아래와 같이 하단에 배치시킨 배너가 보이는 것을 확인할 수 있습니다.