Adform strongly recommends to use „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 Two files

Expanding-Floating banners has some predefined positions (they can be set in Adform system) and 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 regular Expanding banners and Expanding-Floating is possibility to hide Collapsed panel. In order to do this banner must call ADFSuperClose function:

a) In case you are using 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 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 banner expansion and retraction please use the same functions as for regular Expanding banners:

Collapse:

a) In case you are using 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 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 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 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 clickTAG implementation can be found here.

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

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