Get personalized optimization tips, understand your account health and set up completion on the improved "My AdMob page".

Implementation guidance

Recommended banner implementations

Ad separated from interactive elements

Separating the banner ad from app interactive elements helps reduce user confusion and accidental clicks. Given the limited screen size of mobile devices, it's extremely important to provide some buffer between ads and clickable elements to avoid accidental clicks. It helps to separate the banner ad from the content of the app by creating a non-clickable border or some other separation between the ad and the app’s interactive portion. The examples below are sample implementations that separate the banner ad from the interactive content, including custom navigational buttons.

Click to view an example

At top of app

Example of recommended banner.

At bottom of app

Example of a recommended banner in Ad Mob.

Ad separated from app content by a border

Banner ads that remain on the screen while a user scrolls through other content may be placed at the top or the bottom of the screen, as long as there are appropriate borders and/or sufficient separation from the app content, especially from navigational elements such as menu bars. If using a border, it's recommended that the border is non-clickable. The examples below illustrate implementations of a banner ad either at the top or bottom of the app, with the ad separated clearly from the app content and/or custom navigation and menu buttons by a border.

Click to view an example

At top of app

Example of recommended banner.

At bottom of app

Example of a recommended banner in Ad Mob.

With custom navigation buttons

Example of a recommended banner ad in Ad Mob.

Allocate a fixed space for the banner ad

Banner ads can load after the app content has loaded on the screen. Sometimes the delay in loading times can bump app content on the screen and the ad will appear where the app content was originally. Users may click on the ad accidentally instead of the actual app content. It is recommended that you allocate a fixed space for the banner ad so that no app content will appear in that space.

Click to view an example

Example of a recommended banner ad in Ad Mob.

Implement adaptive banners to accommodate multiple device screen sizes

Adaptive banners are ad units that render the best size for any device and orientation. To pick the best ad size, adaptive banners use fixed aspect ratios instead of fixed heights. This results in banner ads that occupy a more consistent portion of the screen across devices and screen sizes.

Learn more about adaptive banners for Android and iOS.  

Note that smart banners are also available, but these only stretch to fill the width of a screen and require a chosen fixed height. Learn more on Google Developers

Click to view an example

Example of recommended banner.

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue

true
‘My AdMob Help Page’ - your personalized Help Page to help you thrive on AdMob.

Introducing our newly revamped My AdMob Page,  a personalized Help page that houses relevant information for your account.

You can better maintain your account health, ensure necessary setup is completed and have the right optimization tips targeted to your apps. Stay tuned for more!

Learn more

Search
Clear search
Close search
Google apps
Main menu
false
Search Help Center
true
true
true
true
true
73175
false