Adform strongly recommends using the Adform Creative Toolkit extension for creating Expanding banners. More info can be found here.

 

Preview:

Examples:

 

Instructions

Adform accepts two types of expanding banners:

  • Single file expanding;
  • Expanding made of Two files.

Expanding-Floating banners have some predefined positions (they can be set in the Adform system) and a Collapsed panel may be closed:

  • center/center;
  • bottom/center/;
  • top/center;
  • center/left;
  • center/right;
  • bottom/left;
  • bottom/right;
  • top/left;
  • top/right.

Creating Expanding-Floating banners

1. The main difference between a regular Expanding banner and the Expanding-Floating one is the possibility of hiding the Collapsed panel. In order to do this, a banner must call the ADFSuperClose function:

a) In case you are using the ActionScript 2:

import flash.external.ExternalInterface;

this.closeButton.onRelease = function():Void
{
  try
  {
       ExternalInterface.call('ADFSuperClose',_root.adId);
  }
  catch (e:Error)
  {
  }
};

b) In case you are using the ActionScript 3:

import flash.external.ExternalInterface;
closeButton.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
        try{
                   ExternalInterface.call('ADFSuperClose',
                   LoaderInfo(stage.loaderInfo).parameters.adId);
        }catch (e:Error) { };
}

 

2. For the expansion and retraction of a banner please use the same functions as for the regular Expanding banners:

Collapse:

a) In case you are using the ActionScript 2:

import flash.external.ExternalInterface;

this.closeButton.onRelease = function():Void
{
  try
  {
       ExternalInterface.call('ADFClose',_root.adId);
  }
  catch (e:Error)
  {
  }
};

b) In case you are using the ActionScript 3:

import flash.external.ExternalInterface;
btn.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
          try{
                 ExternalInterface.call('ADFClose',
                 LoaderInfo(stage.loaderInfo).parameters.adId);
          }catch (e:Error) { };
}

 

Expand:

a) In case you are using the ActionScript 2:

import flash.external.ExternalInterface;

this.expandButton.onRelease = function():Void
{
  try
  {
       ExternalInterface.call('ADFExpand',_root.adId);
  }
  catch (e:Error)
  {
  }
};

b) In case you are using the ActionScript 3:

import flash.external.ExternalInterface;
btn.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
        try{
                   ExternalInterface.call('ADFExpand',
                   LoaderInfo(stage.loaderInfo).parameters.adId);
        }catch (e:Error) { };
}

3. You need to implement the clickTAG variable. Detailed instructions for the clickTAG implementation can be found here.

4. Banners should be compiled with the Flash 8 or a higher version. There might be pop-up blocker problems when interacting with the lower version banners in the Internet Explorer 7.

5. Test the Flash banner in the live web environment using Adform Creative Test Module.