Skip to content

Banner & MREC Ads

The following sections show you how to load and then show and hide a banner or MREC ad.

Loading a Banner or MREC

The following code shows you how to load a banner or an MREC by using your Ad Unit ID, desired banner position, and (for banners) desired background color. MAX sizes the ad for you automatically:

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 or 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');

MAX automatically sizes banners to 320×50 on phones and 728×90 on tablets. It sizes MRECs to 300×250 on both phones and tablets. Use the utility method AppLovinMAX.isTablet() to help with view-sizing adjustments.

Displaying a Banner

To show a banner, call showBanner():


Hiding a Banner

To hide a banner, call hideBanner():