• Image

    How to Add an Advertisement to Your Universal App

    All you need to know on publishing an advertisement to your Universal App.
    Are you promoting a new product of your advertising partner? Or do you want to increase awareness for your own brand? Advertisements are a great tool for you to help raise awareness!

    In this tutorial, we will show you how to add advertisements to your Universal App.

    There are 4 important steps to remember:
    1. Create New Advertisement through Ad Manager
    2. Choose the format of your advertisement, Image or HTML
    3.  Set your target audience on Campaign Manager, and link the advertisement
    4. Save, Publish and add an Advertisement block on the Designer tab
    After signing in to your Universal App account, head to Advertisements > Ad Manager  on the left sidebar, and choose Create New Advertisement.
    Image
    It will direct you to fill all of the required information below.
    On our Ad Manager features, you can create a Banner Ad. These can either be in the form of a still image or an embedded HTML.

    After clicking Create New Advertisement, you will be asked to fill in the following information:

    Ad Configuration
    Insert the name of your ad and select your ad type

    • Ad Name - Name your ad. This needs to be a unique name for your internal ad management, this will not be displayed anywhere to your readers. 
    • Advertisers - The name of your Universal App.
    • Ad type - Choose the type of ad you would like to add. Currently, only the Banner type is available. In the near future, we will include different ad types like pop-up or Interstitial ads that can appear in between pages of your issues.
    • Campaign - Insert the campaign with the targeted audiences that you want to linked to the advertisement.

    Image
    Ad Designer
    Decide how you would like your ad to look like.

    • Ad Format - Choose between Image and HTML.
    Check out our step-by-step tutorial on how to add images or HTML. We have also prepared a guideline to make sure the image you have uploaded on your UA remains high quality, click here to learn more!
    • Website URL - Input the URL you want your audience to visit when they click on your ad.
    • Headline - Place an eye-catching title for your ad that will catch your audience's attention
    • Text - Explain briefly and in detail what you are promoting advertisements.
    • CTA Text - Call To Action. Short sentence that will attract readers to visit the advertisement.
    • Publish Ad - Tick the box if you want to publish the ad right away. If you want to save it as a draft for now, don’t worry, you can leave it blank and change the settings later when you are ready to publish it.

    Before publishing your ad to your Universal App homepage, it’s important to know the actions available on the Ad Manager tab.

    Image
    1. Button 1 is the copy button to duplicate your ad
    2. The eye icon on button 2 is a shortcut where you can quickly publish or unpublished your ad
    3. The pencil icon on button 3 is to edit your ad
    4. Button 4 on the far-right is to delete your ad permanently

    After creating your advertisement, create the campaign with the targeted audience, through Advertisement > Campaign Manager 
    Image
    It will ask you to fill the required information needed as shown below:
    Image
    • Campaign Name - Insert the campaign name. Feel free to insert any name, as this will only be visible to you.
    • Target Audience - You can choose more than one target audience. We recommend to focus to only one or two target audience, to make sure that the advertisement reach it goals.
    • Status - Tick if you are ready to publish your campaign.
    • Linked Advertisement - Advertisement linked to your Campaign.
    As you have created the advertisement, link it to your Campaign by going to "Unlinked Advertisement" click the plus sign next to the title of the advertisement, or tick the advertisements, and click "+ Link", as shown below
    Image
    Save your changes. By this, when you add the campaign to your Universal App homepage, the advertisements will only be shown to the target audience you had set on Campaign Manager.
    If you are ready to show your advertisement on your Universal App homepage, you will need to add an Advertisement block on the main layout of your Universal App. Follow the step-by-step tutorial right here to find out how!

    You have now successfully created and published an advertisement for your Universal App!

    Get stuck? Feel free to reach out to our live chat at the bottom right corner of your Universal App dashboard or simply send an email to support@magloft.com
    Are you ready to give MagLoft a try? For only $1, you can get two weeks of full access to explore our magazine builder and other cool features. Plus, you get to try our PDF to HTML conversion solution with some of your existing material for free!

    Click here to get started.
    Image
    Image
  • Image

    How to Add HTML Advertisement to Your Universal App

    Follow these easy step-by-step to help you add HTML advertisements to your Universal App
    Thinking about posting an animated image as your advertisement? Or maybe you would like to promote your newest videos from YouTube? You can easily do that by adding an HTML advertisement to your Universal App!

    Before we proceed further, check our step-by-step tutorial on how to add an advertisement to your Universal app right here!

    Make sure you have copied the HTML embed code from the chosen resources. These resources can be from any platform that provides HTML embed code, such as:

    • Youtube, by clicking Share > Embed underneath the video.
    • Giphy GIF, click Embed on the right side of the GIF
    • Soundcloud, click Share > Embed below the waveform
    • And much more.
    After logging in to your Universal App account, head to Advertisement > Ad Management and filled all the required fields. Choose HTML as your Ad Format and paste the embed code to the HTML box available on Ad Management.

    If the HTML code you have uploaded doesn’t seem to show its full layout, check if the width and height are in the code. Delete the number on the width=”any number” or height="any number" from the HTML code and leave it blank, so it will become width=”” or height=”” . You can also replace the number with “100%”, so it will be width=”100%” or height=”100%”

    Image
    If the HTML code you have uploaded doesn’t seem to show its full layout, check if the width and height are in the code. Delete the number on the width=”any number” or height="any number" from the HTML code and leave it blank, so it will become width=”” or height=”” . You can also replace the number with “100%”, so it will be width=”100%” or height=”100%”

    If you prefer to hide the resources of your GIF, you will be able to do so by deleting the last paragraph of the code that consists of the GIF source URLs, which is
    Image
    Save your changes.

    If you are ready to publish your advertisement and show it to your audience, head to this tutorial to add an Advertisement widget to your Universal App!

    Decide to upload an advertisement in another type instead? Click here to know more on how to add an image advertisement on Universal App!

    Get stuck? Feel free to reach out to our live chat at the bottom right corner of your Universal App dashboard or simply send an email to support@magloft.com
    Want to learn more how to monetize your content? Schedule a short call with us to learn more and take full advantage of your Universal App features!

    Click here to get started.
    Image
    Image