Welcome to our redesigned Test & Support Center!
Here you will find our updated content, a user friendly design and all the newest features. We have also created AdQuestions to enhance your experiences with our site and provide you with all the answers.

Check it out!

Managing banner assets

Banners loading some assets (videos, images, xml, swf, mp3) are two types:

a) loading externaly from other servers

Note: it is not allowed to use External URLs containing Adform domain (e.g.: http://track.adform.net/videofiles/video.flv)

b) loading assets locally (these assets will be placed on Adform servers once they are uploaded to the system).

For both types you should add assets through Adform Creative Toolkit.

1. Follow to Content --> Assets

2. Browse for local asset or enter External asset's url:

3. If it's Video asset - follow to Video Banner specs

4. If it's other type - then you can get asset using such Action Script:

To get asset's URL a AdformAssetManager class should be used and getAsset(id, onSuccess[, onError]) function should be called with asset's id, a callback function which will get the URL and an optional function that will be called in case of an error.

	AdformAssetManager.getAsset(1, onSuccess, onError); //A call to the function with the asset id and two callbacks - on success and an optional on error encountered.

//onSuccess callback gets the url passed to it.

function onSuccess(url:String) {
   trace(url);
   var _loader:Loader = new Loader(); //loading asset
   mc_container.addChild(_loader);
   _loader.load(new URLRequest(url));
}
	//if something went wrong onError callback gets the error message passed to it.
function onError(error:Error) {
   trace(error);
}

For retrieving all the list of assets use this ActionScript code:

AdformAssetManager.getAllAssets(getAllAssets, onAllAssetsError);

function getAllAssets(assets:Array) {
  for (var i:int = 0, length:int = assets.length; i < length; i++) {
    var asset:Object = assets[i];
    trace(asset.id); // Returns the id of the asset
    trace(asset.url); // Returns the URL of the asset
  }
}

// The error callback is optional
function onAllAssetsError(error:Error):void {
  // Add logic to handle error
}

5. Recommended priority order of assets:

a) SWF files
b) Video
c) Images
d) MP3
c) XML

6. Download test banner which loads all types of assets here.

After clicking the Preview button, new page is opened in your default browser. Preview page displays the ad you are currently creating. This page also has special Top Menu:

There must be at least one clickTAG action assigned if you want to Export/Upload a current banner; otherwise the Export button is inactive.

It is strongly recommended to check the Show IAB checklist option when exporting to the main toolkit window.  Prior to exporting a banner, the toolkit displays a check-list with the IAB guidelines:

When the Continue exporting button is clicked, Adform Creative Toolkit generates a ZIP file and places it in your project folder. This ZIP file contains all the required files and it is ready to be uploaded to the Adform system.

Direct Upload

To upload an ad directly to the Creative Agency Workplace, select Project  Upload from the Top Menu, or click the Export/Upload button.

Once you are redirected to the Creative Agency Workplace webpage, you are prompted to assign the creative to a corresponding campaign and task.

FilmStrip banner

Preview:

The IAB Filmstrip enables enhanced creative story-telling capabilities within a single ad creative. Advertisers have to submit just one 300x600 Filmstrip with five different segments. The Filmstrip is then served through the IAB UAP 300x600. Simple engagement features – scroll, click, hover, and touch – allow the user to explore all 5 segments of the 300x600 creative. Component is provided only in the Action Script 3 version.

A filmstrip can move down one subsequent frame in one of the following ways:
a) The end user interacts with 300x600 area and navigates to another page that serves the same unit;
b) The end user uses the scroll wheel on their mouse or horizontal browser bar;
c) The end user manually clicks on the next frame button at the bottom of 300x600.

1. Make 5 swf panels with content. It is highly recomended to read the specs before creating panels.

2. Create the main Filmstrip swf file:

     a) Create a new Standard banner file with dimensions of 300x600;
     b) Drag the Adform Filmstrip component on the stage from the components panel;



     c) Customize available settings and graphic appearance of the component;


 

     Animation Time (s) - Specify the duration of a scroll animation in seconds. (0.6 by default).
     Motion Blur - Enable/Disbale (true/false) motion blur (true by default).

      d) Export the swf file;
      e) Prepare settings.xml file according to the following example;

<root>
      <filmstrip>
        <panel source="Panel1.swf">
          <previousText></previousText>
          <nextText>Goto Slide 2</nextText>
        </panel>
        <panel source="Panel2.swf">
          <previousText>Goto Slide 1</previousText>
          <nextText>Goto Slide 3</nextText>
        </panel>
        <panel source="Panel3.swf">
          <previousText>Goto Slide 2</previousText>
          <nextText>Goto Slide 4</nextText>
        </panel>
        <panel source="Panel4.swf">
          <previousText>Goto Slide 3</previousText>
          <nextText>Goto Slide 5</nextText>
        </panel>
        <panel source="Panel5.swf">
          <previousText>Goto Slide 4</previousText>
          <nextText></nextText>
        </panel>
      </filmstrip>
    </root>

     f) Test the banner.

Note: filmstrip component size is 21285 bytes.

Note: for uploading such banners please contact technical@adform.net

Banner templates

Once the banner is created you are able to save this banner as a template by clicking Project  Save as template in the Top Meniu.

Enter the template name and it will be added to Adform Creative Toolkit templates' list.

In order to create a banner using an existing template, proceed to Project  Create from template in the Top Meniu. You can select either custom templates or Adform's templates (see the image below).

 

  • Global search bar. Search bar is located in the upper right corner. Searches can consist of several parts, e.g. search "widget as3 tag:se 300x250" will list all AS3 templates with a tag se, a dimension of 300x250, and a string widget.
  • Templates are filtered by:
    • Template name;
    • Banner name;
    • Banner size;
    • ActionScript version;
    • Tags; searches with a prefix tag: find only templates containing a particular tag, e.g. tag:se will list only banners with the se tag;
    • Type; searches with a prefix type: find only templates of a particular type, e.g. type:expanding will list only banners of the Expanding type.
  • Categories. Templates are grouped by categories for easier browsing.
  • Favorites. Users can add their frequently used templates to the Favorites category by pressing the star symbol near the template name.
  • Descriptions. Each template has its own detailed description.
  • Examples. Example links are added for all templates.
  • Documentation. Links to documentation are added.

 Simply select the desired template, enter a project name and click the Create button. 

Widget banner

Social Medias and Networks are inseparable from modern people’s lives. The main difference from standard Medias and Networks is the fact that users can decide what content goes through to the Social site. What is more important, people share multimedia, articles, news from around the Web with friends, colleagues. This makes the content even more noticeable.

Adform Widget Banners allow you increasing the target audience by making it possible for Web surfers to share banners on their Social Medias and Networks. This, in turn, will generate more traffic to the Advertiser's site and increase the return on investment – it can all be monitored by using Adform Reporting tools.

Note: currently the widget feature is availabe for the standard, video, floating, expanding, and the tear back banners.

Follow the instructions in order to create a Widget banner.

1. Proceed to Content  Widget in the Top Menu.

2. Now you are ready to set up a widget:

3. Go to the Details section.

Sharing ad:

  • None – current project banner will not have a widget;
  • New – Adform Toolkit will create a new standard banner which will be shared (default dimensions - 300x250);
  • This ad – current project banner will share itself (available only when a banner is Standard or Video type).

Title (required) – a shared application name which will be the default title suggested to the user on networks that support such titles.

Description (optional) - this string will be used as the description of the widget where appropriate (e.g.  when posting on the Facebook newsfeed the content of this parameter is added to the description field in the share dialog).

Preview image (optional) - an image that will be used as your widget's preview image on all the networking sites which support such previews (such as Facebook). By default, if this parameter is not set, the Wildfire is automatically creating a preview for your widget.

4. Go to the Destinations section:

Note: it may take several seconds to update the widget in the preview window after you have made any changes. Also, the preview window is not available for Flash version CS3 under Windows OS.

5. In the Layout section you are able to customize several options related to the widget objects: social network logos, code box, and etc.

6. In the Themes section you are able to change the visual appearance of a widget: select and edit the default themes.

Note: you are allowed to change the background color of a widget only if the “Classic” theme is selected.

7. Click the Save & Exit button, Adform widget component and the share button will appear on the stage.

8. Once it is compiled, you are able to share the banner across supported social Medias and networks by clicking on the SHARE button:

Note: whenever user interacts with a widget component, it automatically fires a report event to the Adform backend.

9. When the banner is finished, it can be tested by clicking the Preview button; or a ZIP file can be created by clicking the Export button so that the banner can be uploaded to the Adform system.

Info: More info about the widget component can be found here.

Tear back banner

Tear Back Flash Banners (also known as Peel Back Banners) consist of two Flash files. A collapsed Flash banner resides in the upper right or left corner of a web page. When a user clicks on the collapsed banner, it tears down the page to reveal a full expanded banner. There are no limitations for the size or content of both – collapsed and expanded – banners. 

1. When creating a tear back banner you are first asked to define some details:

  • Enter names of a project and banners (collapsed and expanded);
  • Set locations of a project and banners (collapsed and expanded);
  • Set dimensions of the normal and expanded banners;
  • Select/deselect a default clicktag (more info about this option can be found here).

2. Fill in the required information in the Settings tab:

  • Position of a banner in a page;
  • Wmode: available transparent, opaque, or window;
  • With the Landing page target, a landing page can be opened in a new or the same window, or in a frame;
  • Expand type: a banner peels away either on a roll over or a click;
  • Collapse type: a banner closes either on a roll out or by clicking the Close button;
  • Auto show after: a time period in seconds when a banner should auto-show and/or auto-close.

3. The methods of creating and assigning actions are the same as for Standard banners. If the Tear Back banners must have close buttons, Adform Creative Toolkit inserts such buttons automatically.

4. When the banner is finished it can be tested by clicking the Preview button; or a ZIP file can be created by clicking the Export button so that the banner could be uploaded to the Adform system.

Polite banner

Heavy rich media banners can significantly slow down the loading process of a Media site. Therefore, creative agencies have less creative freedom. As a solution, Adform recommends using polite banners. Polite banners allow the campaign banner to be almost unlimited weight as a flash file of a very little weight replaces the original banner during the Media site loading process.

1. Go to Content  Polite mode.

2. Once the Polite mode dialog is opened, there are three options:

  • None – a banner will not be of the polite type;
  • ActionScript – the creative toolkit generates the actionscript code;

The main idea of this code is that there is an event listener function implemented and when a page is fully loaded function handlePageLoaded is called. This method is very useful for video banners; a video starts streaming only when a page is fully loaded.

  • JavaScript – this method is based on such scenario: a light weight image file is displayed when a page is loading, and when the page is fully loaded the main SWF banner replaces the image. Currently only images may be the polite source.

4. When the banner is finished it can be tested by clicking the Preview button; and a .ZIP file is created, by clicking the Export button, so that it can be uploaded to the Adform system.

Dynamic content banner

Adform Creative Toolkit allows creating a universal Flash banner which can dynamically change according to the content definitions in the Adform system. When using ad messages, there is no need to physically alter the banners when the changes need to be applied to text or graphics.

Note: currently dynamic content feature is availabe for standard, floating, expanding and tear back banners. Also, synchronized banners are not allowed to have dynamic content.

Important! Dynamic content objects must go throughout the whole banner timeline.

Creating Banners with Dynamic Content

Dynamic text

1. Create dynamic text field and give it an instance name (e.g. TestField):

2. Proceed to Content  Ad Message:

3. Assign values to textfields and click Save:

4. When banner is finished it can be tested by clicking the Preview button, or a ZIP file can be created, by clicking the Export button, so that it can be uploaded to the Adform system.  Later in Adform system it's possible to change values of dynamic text fields.

Dynamic graphics

1. Create a MovieClip object and give it an instance name (e.g. TestGraphics):

2. Proceed to Content → Ad Message.

3. Assign values to MovieClip objects and click Save :

Note: an image will not be stretched if it has bigger size than the assigned MovieClip.

4. When banner is finished it can be tested by clicking the Preview button; or a ZIP file can  be created, by clicking the Export button, so that it can be uploaded to the Adform system. Later in Adform system it is possible to change values of dynamic graphics.

Dynamic fonts embedding

When you specify a font for a TextField in your application, Flash Player looks for a device font (a font that resides on the user's computer) with the same name. If it does not find that font on the user's system, or if the user has a slightly different version of a font with that name, the text display could look very different from what you intended.

The main limitation in using embedded fonts is that the embedded fonts increase the file size or download size of your banner. To lessen the banner size, fonts should be loaded dynamically.

Loading fonts dinamically

1. Follow to Content  Ad Message and select tab Font assets.

2. Font assets window shows you the already created font assets: names and sizes.

3. Click the Create New button in order to create a new font asset.

4. Click the Create button.

5. A new Font asset has been added to the Font Asset list. It is also possible to delete existing font assets or create new ones.

6. When banner is finished, you must Export the project and upload project's ZIP file to the Adform system (more info about project export in section „Banner export“).

Video Extender

Preview:

Video Extender is a single file Expanding banner format with a dragging possibilty (officially supported by MSN). It is possible to expand/extend a banner by simply dragging the button placed on a banner's corner.

Note: currently video extender feature is available only for Single Expanding banners made with ActionScript 2.

1. Create AS2 Single Expanding project (more info about creating Single Expanding banner can be found here).

2. Set the SingleExpanding settings:

  • Expand - custom;
  • Collapse - custom;
  • Auto show after - 0;
  • Auto hide after - 0;
  • Expanding delay - 0;
  • Expand animation - Any except "None";
  • Collapse animation - Any except "None";
  • wmode - transparent;
  • With the Landing page target, a landing page can be opened in a new or the same window, or in a frame.

3. Add any content to the banner: graphics, Adform Video Player and etc.

4. Drag ExtenderButton component to the stage.

5. Setup properties of the Extender in the Component Parameters panel:

  • Button Align - select position of the Extend Button;
  • Video Containers - enter an instance name of a Video container which must be extended.

6. Add custom code or events if needed (see ExtendButton component page).

7. The methods of creating and assigning actions are the same as for Standard banners.

8. When a banner is finished, it can be tested by clicking the Preview button; or a ZIP file can be created by clicking the Export button so that it can be uploaded to the Adforom system.