General - Using In-App Banners

One of the great features of a Mag+ app is the ability to create iTunes-like promotional banners that appear at the top of the screen when a user is in the Issue view. In-app banners can be used to highlight a new Issue or Subscription deal, cross-promote another app developed by your company, or even display an app sponsor. This article will walk you through the process of uploading Banners to the Mag+ Publish portal.

Important Information

In-app banners are JPEG images that you create in any image-editing application. The following sizes are supported for iOS and Android devices:

Note: Banners are not currently supported in iPhone or Android phones.

iOS Banner Specifications

  • Image format: JPEG
  • Min. Height: 1px
  • Max. Height: 700px
  • Required Landscape Width: 2048px
  • Displayed Landscape Width on non-Retina Devices: 1024px
Note: When an iOS device is rotated from landscape to portrait, the Banner image will be cropped to 1536px for Retina devices and 768px for non-Retina devices. All cropping is done from the right-hand side of the image.

Android Banner Specifications

  • Image format: JPEG
  • Min. Height: 1px
  • Max. Height: 700px
  • Required Landscape Width: 1600px
  • Displayed Landscape Width on lower-resolution Android devices: 1100px
Note: Any devices that have a resolution lower than the Banner width will see the image cropped from the right-hand side.

Changing a Banner on a Published App

Banners are a Live option — this means that you can add, remove and change Banners at any time without rebuilding and submitting an app update to the different app stores.

How to Create/Change an In-App Banner

Examples of the same banner shown cropped in portrait mode and then fully in landscape mode.

1. Create your Banner in any image-editing application.

2. Log in to the Mag+ Publish portal <http://publish.magplus.com> and click on the Apps tab.

3. Click on the tab for your device (iOS/Android).

4. Click on the Banners link.

5. (Optional) Set a Banner Display Time (in milliseconds) if you will upload multiple Banners that you wish to have rotate in your app.

Note: 1000 milliseconds will display each banner for 1 second. 5000 milliseconds for 5 seconds, etc.

6. Click on the "Upload Image" button to browse to your local image and upload it to the Mag+ server.

7. (Optional) Specify a link that you wish to have followed if a user clicks on the Banner.

Standard links (eg http://
) will open in the device's default browser (ie mobile Safari). Banner links prefixed with "openwindow-http://" will open in the embedded in-app browser. You can also enter links to other Issues, Subscriptions, and Spaces within your app by entering a Mag+ Link URL. For more information, read the article "URL Format for Links in Apps" to see the possible options.

8. To add more Banners, click on the "Add Banner" button.

Note: As of version 5.0 of Mag+, you may have an unlimited number of Banners associated with an app.

9. Click on the "Save" button at the bottom of the screen to save your changes.

10. To remove a banner, check the Remove Banner box and click on the "Save" button.

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk