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

At bottom of app

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

At bottom of app

With custom navigation buttons

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

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

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue

‘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

Clear search
Close search
Google apps
Main menu
Search Help Center