Skip to main content
All CollectionsUniversal App - Advertisements
Universal App Homepage Advertising Guide
Universal App Homepage Advertising Guide

Read along to maximize your Universal App homepage advertising potential

Okka avatar
Written by Okka
Updated over a week ago

This article provides comprehensive guidelines for placing advertisements on the Universal App homepage. It covers various ad formats, including Hero Banners, Still Image Ads, HTML Ads, Video Ads, Voice Ads, and Secondary Banners. Each section includes details on placement, supported file types, dimensions, best practices, and quantity limits. Additionally, it addresses the use of redirect URLs and other important considerations for advertisers.

1. Hero Banner

Description: The Hero Banner is a prominent, eye-catching advertisement placed at the top of the Universal App homepage. It is the first visual element users see when they open the app, making it ideal for high-impact messaging and brand awareness. Although not typically used for advertising purposes, it can be if desired.

  • Placement: Top of the Universal App homepage

  • Supported File Types: SVG, GIF, PNG, JPG, and JPEG

  • Dimensions: 1600 x 400 pixels
    Recommendation: 2x size for retina displays (i.e. image width of 3200px)

Note: Only one Hero Banner can be displayed at once.

Best Practices:

  • Redirect URL: Ensure to include a redirect URL for users to click through to your desired landing page.

  • High-Quality Visuals: Use high-resolution images to ensure clarity and impact.

  • Clear Messaging: Keep the message concise and focused on a single call to action.

  • Brand Consistency: Ensure the design aligns with your brand’s visual identity.

  • A/B Testing: Test different designs and messages to see which performs best.

2. Still Image Ads

Description: Still Image Ads are static advertisements displayed within the content feed of the Universal App homepage. These ads blend seamlessly with the app's content, providing a non-intrusive way to reach users.

  • Placement: Within the content feed of the Universal App homepage

  • Supported File Types: JPEG, PNG, GIF

  • Minimum width: 704px
    Recommendation: 2x size for retina displays (i.e. image width of 1408px)

Note: You can create rotating advertisement blocks on the homepage. The ads will change each time a reader refreshes the page. Find out how in this article.

Best Practices:

  • Engaging Visuals: Use compelling images that capture attention.

  • Relevant Content: Ensure the ad content is relevant to the audience and context.

  • Strong Call to Action: Include a clear and compelling call to action to drive engagement.

  • Consistent Branding: Maintain brand consistency in colors, fonts, and imagery.

3. HTML Ads

Description: HTML Ads are interactive advertisements that can include various elements such as images, text, and links. These ads offer a dynamic and engaging way to capture users' attention and drive interactions.

  • Placement: Within the content feed of the Universal App homepage

  • Supported File Types: HTML

  • Dimensions: Flexible, but typically 300 x 250 pixels or 728 x 90 pixels

Best Practices:

  • Interactivity: Leverage interactive elements to engage users.

  • Load Time: Optimize the ad to ensure quick loading times.

  • Clear Navigation: Make it easy for users to understand and interact with the ad.

  • Mobile Optimization: Ensure the ad is responsive and works well on mobile devices.

4. Video Ads

Description: Video Ads are embedded video clips that play when the users click on the play button on the Universal App homepage. These ads are perfect for storytelling and showcasing products or services in a visually engaging manner.

  • Placement: Within the content feed of the Universal App homepage

  • Supported File Types: HTML

  • Dimensions: 1920 x 1080 pixels (16:9 aspect ratio)

Note: Video ads are embedded using HTML code into the Universal App. The video files need to be hosted on a separate hosting site, such as YouTube or Vimeo.

Best Practices:

  • Short and Engaging: Keep videos short (15-30 seconds) and engaging from the start.

  • Clear Message: Convey the key message within the first few seconds.

  • High Quality: Use high-quality video production to maintain professionalism.

  • Subtitles: Include subtitles to ensure the message is understood even without sound.

  • Hosting: Choose a video hosting service that allows access to all countries to prevent ads not playing for certain users.

5. Voice Ads

Description: Voice Ads are embedded audio clips that play when the users click on the play button on the Universal App homepage. These ads are ideal for reaching users who prefer auditory content and can be used to promote podcasts, audiobooks, or other audio services.

  • Placement: Within the content feed of the Universal App homepage

  • Supported File Types: HTML

  • Recommended Duration: 15 to 30 seconds

Note: Voice ads are embedded using HTML code into the Universal App. The audio files need to be hosted on a separate hosting site, such as SoundCloud or a similar platform.

Best Practices:

  • Clear and Concise: Keep the message clear and concise.

  • Professional Voiceover: Use a professional voiceover to enhance credibility.

  • Call to Action: Include a strong call to action to encourage user engagement.

  • Background Music: Use subtle background music to enhance the listening experience.

  • Hosting: Choose an audio hosting service that allows access to all countries to prevent ads not playing for certain users.

6. Banner Ads

Description: Banner Ads are versatile advertisements that can be placed in the content feed of the Universal App. They provide flexible advertising space for promoting products, services, or special offers.

  • Placement: Within the content feed of the Universal App homepage

  • Supported File Types: JPEG, PNG, GIF

  • Dimensions: 728 x 90 pixels (Leaderboard), 300 x 250 pixels (Medium Rectangle)

Note: The banner ad is essentially a Still Image Ad with different image dimensions.

Best Practices:

  • Eye-Catching Design: Use bold colors and compelling visuals to capture attention.

  • Clear Messaging: Keep the message concise and focused on a single call to action.

  • Consistent Branding: Ensure the design aligns with your brand’s visual identity.

  • A/B Testing: Test different designs and messages to see which performs best.

7. Secondary Banner

Description: The Secondary Banner is placed at the bottom of the Universal App homepage, just above the footer menu. It provides additional advertising space for promoting products, services, or special offers. This banner can be hidden if not used.

  • Placement: Bottom of the Universal App homepage, just above the footer menu

  • Supported File Types: JPEG, PNG, GIF

  • Dimensions: 1600 x 400 pixels

Best Practices:

  • Complementary Design: Ensure the design complements the overall layout of the homepage.

  • Focused Message: Keep the message focused and relevant to the audience.

  • Clear Call to Action: Include a clear call to action to drive user engagement.

  • Consistent Branding: Maintain consistency with your brand’s visual identity.

Note: While there is no limit to the number of advertisement blocks you can place on the Universal App homepage, please be aware that an excessive number of ads may impact the app's performance.

Additional Resources

For more information on advertising with MagLoft, please refer to the following help materials:

By utilizing these diverse advertising capabilities and following best practices, publishers can effectively reach and engage users on the Universal App homepage. Each ad type offers unique benefits and can be tailored to meet specific marketing objectives, ensuring a comprehensive and impactful advertising strategy.

Have any questions? Contact us at support@magloft.com


Did this answer your question?