NEW USER: Quick Step-by-Step Guide

ResponsiveAds might seem quite complicated but here is a quick step-by-step guide for those first time users.


[1] Setting Up PSD's

    • Check out this folder for some demo PSD's
    • Check out this section for more details on setting up PSD's 
    • Make sure you have all elements you want in the psd ( e.g. elements and images for mobile and also desktop
    • Try to make your PSD foot print to be the size of your largest desktop ad size
    • Put Reference size JPEGS as well as the back-layers for layout guides ( e.g. 1440x400 image, 768x400 image, 320x400 image)
    • Even though Narrator can take and parse files up to 100MB,  it is good to keep the size of your file under 1M
    • See further tips on set-up

[2] Selecting Formats

    • As there are unlimited possibilities with Formats, try some of the Size-Based Fluid Transition ones as tests. 
    • If you are a partner of ResponsiveAds, have the ResponsiveAds team put a couple of test formats into your account to try

[3] Using the Editor

    • When you enter the editor for the first time, there are certain things that you should know.
      • When you first enter the creative do not start selecting all of the sizes.  When you select a size, it is automatically laid out, therefore..
      1. Start with the largest horizontal format first. 
      2. Try to start out with the largest desktop horizontal size and work your way smaller.  By doing this the next size will automatically be laid out with the rules from the largest size.
      3. [TIP]  Narrator presently does not have a undo and redo button, so you need to save quite often.   This is a good practice for first time users to save, then reload the page.
      4. Get familiar with your elements list, by moving elements up and down and turning them on/off by selecting the eyeball
      5. Anchoring and transitions between sizes is one of the most critical thing to understand when creating ResponsiveAds with Narrator.
    • Anchoring, and Sizes with Relative and Absolute settings.
      1. Understanding what is relative and absolute is critical in producing ResponsiveAds with this tool.
      2. Here is a overview of Relative and Absolute settings for position and size. 

[4] Getting your first set-of tags to test

    • When you are finished editing, you can Save and Continue to the Creative Summary page.  This is your page for managing everything about the Creative.   You can see and share previews of all of the different ads, get analytics snap-shots, set privileges, etc..
    • Preview All. Gives you the ability to view the ad in all sizes
    • Preview All page has a link to share the ads with others ( including password protection)
    • When you access the creative summary page for the first time, Publish all so that your Ad Tag can be available from the deployment manager.

[5] Deployment

    • You can use one of the default deployments or create a new deployment.
    • Select from the options to get your 3rd party ad tag. 

[6] Setting up tag on page or ad server

    • Treat the ad tag like any other ad tag you would deploy.

[7]  Analytics

    •  Once your creative is up on a page as an ad,  you can start checking the analytics.
    • Go to the Analytics section
    • Select the creative from the list and select the configuration you want.
    • For large creatives some times this takes quite a bit of time to configure and set-up.  We are updated this section of the tool so you do not need to worry about the  spinner on for too lung.
Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk