Banner 및 MREC 광고는 앱 레이아웃의 일부(주로 화면 상단이나 하단 또는 스크롤 가능한 콘텐츠 내부)를 차지하는 직사각형 광고 포맷입니다. 사용자가 앱과 상호작용하는 동안 계속 표시되므로 게임 플레이나 앱 사용을 방해하지 않으며, 설정된 시간 후에 자동으로 새로고침될 수 있습니다.
다음 섹션에서는 banner 또는 MREC 광고를 로드, 표시 및 숨기는 방법을 보여줍니다.
AppLovin 블로그의 “Why mobile banners ads persist in a video and playable world”를 확인해 보세요.
다음 코드는 Ad Unit ID, 원하는 banner 위치 및 (banner의 경우) 원하는 배경색을 사용하여 banner 또는 MREC를 로드하는 방법을 보여줍니다. MAX가 광고 크기를 자동으로 조정해 줍니다.
var BANNER_AD_UNIT_ID;
if ('IOS' === window.cordova.platformId.toUpperCase()) {
BANNER_AD_UNIT_ID = '«iOS-banner-ad-unit-ID»';
} else {
// Assume Android
BANNER_AD_UNIT_ID = '«Android-banner-ad-unit-ID»';
}
function initializeBannerAds()
{
AppLovinMAX.createBanner(BANNER_AD_UNIT_ID, AppLovinMAX.AdViewPosition.BOTTOM_CENTER);
// Set background color for banners to be fully functional
// The following call sets it to black - USE HEX STRINGS ONLY
AppLovinMAX.setBannerBackgroundColor(BANNER_AD_UNIT_ID, '#000000');
}
var MREC_AD_UNIT_ID;
if (window.cordova.platformId.toUpperCase() === 'IOS') {
MREC_AD_UNIT_ID = '«iOS-MREC-ad-unit-ID»';
} else {
// Assume Android
MREC_AD_UNIT_ID = '«Android-MREC-ad-unit-ID»';
}
function initializeMRecAds()
{
AppLovinMAX.createMRec(MREC_AD_UNIT_ID, AppLovinMAX.AdViewPosition.CENTERED);
}
MAX는 스마트폰에서 banner 크기를 320×50으로, 태블릿에서는 728×90으로 자동 조정합니다.
MREC 크기는 스마트폰과 태블릿 모두에서 300×250으로 조정합니다.
뷰 크기 조정 시 도움이 필요하면 유틸리티 메서드인 AppLovinMAX.isTablet()을 사용하세요.
banner를 표시하려면 showBanner()를 호출하세요.
AppLovinMAX.showBanner(«ad-unit-ID»);
banner를 숨기려면 hideBanner()를 호출하세요.
AppLovinMAX.hideBanner(«ad-unit-ID»);