For those with an interest in diversifying revenue streams through with their ShoutEm app, we’re proud to announce our in-app advertising feature, which uses MoPub for advertisement integration. You can use MoPub both as a stand alone advertisement platform as well as configure it to show ads from other ad networks like AdMob, Google AdSense for Mobile Content, and others.
The following is a step by step process to guide you to configure advertisement with MoPub and ShoutEm:
1) Go to http://app.mopub.com/account/login/ to register for a MoPub account. If you already have an account, you can log in at http://app.mopub.com/account/login/
2) After the registration you will be automatically prompted to set up a new application.
Enter your application name. Select iOS under the Platform field to create an advertisement for an iPhone application. For an Android application, you must select Mobile Web under the Platform field. URL and icon fields can be left empty.
Caution: Choose Mobile Web, and not Android platform to display ads on your Android ShoutEm application.
Device format must be set to Phone. The Ad format must be set to Banner, as other banner formats are currently not supported by ShoutEm app. For Ad Unit you can optionally change the name and description fields.
Click continue.
Copy the Ad Unit ID from MoPub into ShoutEm builder and click save.
3) Return to MoPub admin interface and open Campaigns tab.
4) Click on “Add a campaign” button.
5) Set up an Ad Campaign
You have a choice of several campaign types:
- A Guaranteed ad campaign is typically a direct sold ad campaign.
- Promotional campaigns are for house ads like an upsell.
- A Network ad is an ad served from an ad network like AdMob.
For demonstration, we’ll create a promotional campaign.
Select promotional campaign type. Set the name of your campaign, dates and, optionally, the description of your campaign.
Be sure to select the check-box next to your application in Targeting, without this the campaign will not be associated with your application.
Click continue.
6) Add a creative.
Select 320×50 banner format, other formats are currently not supported. Choose Creative type option HTML. Fill in the ad fields and click save. Use this HTML for HTML Body field:
<style type="text/css">
body {
font-size: 12px;font-family:helvetica,arial,sans-serif;
margin:0;padding:0;text-align:center;background:white}
.creative_headline {font-size: 18px;}
.creative_promo {color: green;text-decoration: none;}
</style>
<div>Welcome to mopub!</div>
<div><a href="http://www.shoutem.com">Click here to test ad</a></div>
<div>You can now set up a new campaign to serve other ads.</div>
7) Test it out in Mobilizer!
Have Questions Or Need Help?
Let us know at support@shoutem.com! We’re happy to help you find the best ways to integrate any of your content, including images, videos or podcasts.