배너 광고는 기기 화면의 상단이나 하단에 있는 앱의 레이아웃 안에 게재됩니다. 사용자가 앱과 상호작용하는 동안 배너가 화면에 표시되며, 일정 시간이 지나면 자동으로 새로 고침될 수 있습니다. 모바일 광고를 처음 운영하는 경우에는 배너 광고를 사용하는 것이 좋습니다. 우수사례
본 가이드에서는 AdMob의 배너 광고를 Android 앱에 통합하는 방법을 설명합니다. 코드 스니펫과 안내 외에도 배너 크기 조정에 대한 정보와 추가 리소스로 연결되는 링크가 이 가이드에 포함되어 있습니다.
기본 요건
- Google 모바일 광고 SDK를 단독으로 또는 Firebase의 일부로 가져오세요.
레이아웃에 AdView 추가
배너 광고를 게재하려면
먼저 광고를 게재할 Activity 또는 Fragment 레이아웃에
AdView를
넣으세요. 해당 XML 레이아웃 파일에
넣은 것이 가장 쉽습니다. 다음은 활동의 AdView를
보여주는 예입니다.
# main_activity.xml
...
<com.google.android.gms.ads.AdView
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:id="@+id/adView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_alignParentBottom="true"
ads:adSize="BANNER"
ads:adUnitId="ca-app-pub-3940256099942544/6300978111">
</com.google.android.gms.ads.AdView>
...
다음과 같은 필수 속성에 유의하세요
ads:adSize: 사용할 광고 크기로 설정합니다. 상수로 정의된 표준 크기를 사용하지 않으려면 맞춤 크기를 설정하세요. 자세한 내용은 아래의 배너 크기 섹션을 참고하세요.ads:adUnitId: 광고가 게재되는 앱의 광고 단위에 지정할 고유 식별자로 설정합니다. 여러 활동에서 배너 광고를 게재하려면 활동별로 광고 단위가 필요합니다.
또는 AdView를
프로그래매틱 방식으로 만들 수도 있습니다.
자바
AdView adView = new AdView(this);
adView.setAdSize(AdSize.BANNER);
adView.setAdUnitId("ca-app-pub-3940256099942544/6300978111");
// TODO: Add adView to your view hierarchy.
Kotlin
val adView = AdView(this) adView.adSize = AdSize.BANNER adView.adUnitId = "ca-app-pub-3940256099942544/6300978111" // TODO: Add adView to your view hierarchy.
항상 테스트 광고로 테스트
앱을 제작하고 테스트할 때 운영 중인 실제 광고 대신 테스트 광고를 사용하세요. 이렇게 하지 않으면 계정이 정지될 수 있습니다.
테스트 광고를 로드하는 가장 쉬운 방법은 Android 배너 광고 테스트 전용 광고 단위 ID를 사용하는 것입니다.
ca-app-pub-3940256099942544/6300978111
이 ID는 모든 요청에 대해 테스트 광고를 반환하도록 특별히 구성되었으며, 코딩, 테스트 및 디버깅 중에 앱에서 자유롭게 사용할 수 있습니다. 앱을 게시하기 전에 이 ID를 자체 광고 단위 ID로 바꿔야 합니다.
모바일 광고 SDK의 테스트 광고가 작동하는 방식을 자세히 알아보려면 테스트 광고를 참고하세요.
광고 로드
AdView가 배치되었으면
이제 광고를 로드합니다. AdView 클래스의
loadAd() 메소드를
사용하면 됩니다. 단일 광고 요청에 대한
런타임 정보(예: 타겟팅 정보)가
있는 AdRequest 매개변수가
사용됩니다.
다음은 Activity의 onCreate() 메소드에서
광고를 로드하는 방법을 보여주는 예입니다.
MainActivity(발췌)
자바
package ...
import ...
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
public class MainActivity extends AppCompatActivity {
private AdView mAdView;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
MobileAds.initialize(this, new OnInitializationCompleteListener() {
@Override
public void onInitializationComplete(InitializationStatus initializationStatus) {
}
});
mAdView = findViewById(R.id.adView);
AdRequest adRequest = new AdRequest.Builder().build();
mAdView.loadAd(adRequest);
}
}Kotlin
package ...
import ...
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdView
class MainActivity : AppCompatActivity() {
lateinit var mAdView : AdView
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
MobileAds.initialize(this) {}
mAdView = findViewById(R.id.adView)
val adRequest = AdRequest.Builder().build()
mAdView.loadAd(adRequest)
}
}이렇게 하면 앱에서 배너 광고를 게재할 수 있습니다.
광고 이벤트
광고의 작동 방식을 추가로 맞춤설정하려는 경우 광고의 수명 주기에서 발생하는
여러 이벤트(예: 로드, 열기, 닫기)에 대해 설정해 보세요. AdListener 클래스를
통해 이러한
이벤트를
수신할 수 있습니다.
AdListener를
AdView와 함께
사용하려는 경우
setAdListener() 메서드를
호출하기만
하면
됩니다.
자바
mAdView.setAdListener(new AdListener() {
@Override
public void onAdLoaded() {
// Code to be executed when an ad finishes loading.
}
@Override
public void onAdFailedToLoad(int errorCode) {
// Code to be executed when an ad request fails.
}
@Override
public void onAdOpened() {
// Code to be executed when an ad opens an overlay that
// covers the screen.
}
@Override
public void onAdClicked() {
// Code to be executed when the user clicks on an ad.
}
@Override
public void onAdLeftApplication() {
// Code to be executed when the user has left the app.
}
@Override
public void onAdClosed() {
// Code to be executed when the user is about to return
// to the app after tapping on an ad.
}
});
Kotlin
mAdView.adListener = object: AdListener() {
override fun onAdLoaded() {
// Code to be executed when an ad finishes loading.
}
override fun onAdFailedToLoad(errorCode : Int) {
// Code to be executed when an ad request fails.
}
override fun onAdOpened() {
// Code to be executed when an ad opens an overlay that
// covers the screen.
}
override fun onAdClicked() {
// Code to be executed when the user clicks on an ad.
}
override fun onAdLeftApplication() {
// Code to be executed when the user has left the app.
}
override fun onAdClosed() {
// Code to be executed when the user is about to return
// to the app after tapping on an ad.
}
}
AdListener에서
재정의할 수 있는
각 메서드가 광고 수명 주기에서 발생하는 이벤트 하나에 해당됩니다.
| 재정의가 가능한 메서드 | |
|---|---|
onAdLoaded()
|
onAdLoaded() 메소드는
광고 로드가 완료되면 실행됩니다. 예를 들어 광고 로드가 확실하게 완료될 때까지
AdView |
onAdFailedToLoad()
|
onAdFailedToLoad() 메소드는
매개변수를 포함하는 유일한 메소드입니다. errorCode 매개변수는
발생한 오류의 유형을 나타냅니다. 가능한 값이
AdRequest
|
onAdOpened()
|
이 메서드는 사용자가 광고를 탭하면 호출됩니다. |
onAdLeftApplication()
|
이 메서드는 현재의 앱이
백그라운드 상태일 때
사용자 클릭으로 다른 앱(예: Google Play)이
열릴 때 onAdOpened() 후에 호출됩니다.
|
onAdClosed()
|
사용자가 광고의 도착 URL을 조회한 후 앱으로 돌아가면 이 메소드가
호출됩니다. 앱에서 이 메소드를 사용해 정지된 활동을 재개하거나
상호작용 준비에 필요한 다른 작업을 처리할 수 있습니다.
Android API 데모 앱에
광고 리스너를
구현하려면
AdMob AdListener 예시를
참고하세요. |
배너 크기
아래 표에는 표준 배너 크기가 나와 있습니다.
| 크기(폭x높이) | 설명 | 사용 가능 여부 | AdSize 상수 |
|---|---|---|---|
| 320x50 | 배너 | 휴대전화 및 태블릿 | BANNER |
| 320x100 | 대형 배너 | 휴대전화 및 태블릿 | LARGE_BANNER |
| 300x250 | IAB 중간 직사각형 | 휴대전화 및 태블릿 | MEDIUM_RECTANGLE |
| 468 x 60 | IAB 전체 크기 배너 | 태블릿 | FULL_BANNER |
| 728x90 | IAB 리더보드 | 태블릿 | LEADERBOARD |
| 제공된 폭 x 적응형 높이 | 적응형 배너 | 휴대전화 및 태블릿 | 해당 사항 없음 |
| 화면 폭 x 32|50|90 | 스마트 배너 | 휴대전화 및 태블릿 | SMART_BANNER |
| 스마트 배너 대신 사용할 수 있는 적응형 배너에 대해 자세히 알아보세요. | |||
맞춤 배너 크기를 지정하려면
다음과 같이 원하는 AdSize를 설정하세요.
자바
AdSize adSize = new AdSize(300, 50);
Kotlin
val adSize = AdSize(300, 50)