Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating Expanding banners. More info can be found here.
However, it's also possible to create Expanding banners without Adform Toolkit, below you will find detailed instructions on this.
Previews
Single Expand:
Expanding from two files:
Examples:
Single Expand:
Expanding from two files:
Instructions
Adform accepts two types of expanding banners:
-
Single file expanding
-
Expanding made Two files
Creating Single File Expanding banners
1. Banner should have one expanded size file.
2. The single file expanding banner uses one Flash file for both: expanded and collapsed views. On banner expand/collapse the viewable content is resized. This means that expand/collapse animation is more attractive comparing to expanding banners made from two assets.
3. Also when using Single File solution it is possible to track following events:
-
EXPAND_START - when banners starts to expand
-
EXPAND_END - when banner stops to expand
-
EXPAND_UPDATE - while banner is expanding
-
COLLAPSE_START - when banners starts to collapse
-
COLLAPSE _END - when banner stops to collapse
-
COLLAPSE _UPDATE - while banner is collapsing
Note: in order to track single file expand events banner must have Adform SingleFile component which can be downloaded together with Adform Creative Toolkit
4. If you need banner to expand/collapse on specific action, you should call such functions:
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) { };
}
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) { };
}
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.
Creating Expanding banners from Two Files
1. Banner should have one normal size file and one expanded size file and two backup gif’s in corresponding sizes, e.g. a 728x90 expanding banner consists of a 728x90 normal size file and a 728x300 expanded size file.
2. If you need banner to expand/collapse on specific action, you should call such functions:
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) { };
}
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) { };
}
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.
Last updated: Tuesday, February 21 2012
