AdPages (powered by ISSUU)

AdPages is a way to link flash banners with easy-to-read AdPages. AdPages is created by merging a standard flash banner with a text document (PDF, Word, PowerPoint).

Preview:

Examples:

Creating Flash banner

In order to have a „book“ in the banner, the flash banner must have a movieClip object with an instance name „droppHolder“.

 The droppHolder movieclip:

  • The instance name of the movieclip should be named droppHolder
  • The droppHolder object has to have an element inside it, as an empty movieclip doesn't have any size. Adding a simple box with transparent fill is the easiest.
  • The publication preview doesn't follow the droppHolders dimensions exactly, but takes up as much space as possible while maintaing the pulication preview's aspect ratio.

Note: only banners made with ActionScript3 are supported

Requirements for uploading documents

  • The PDF should be Web-ready, meaning that it should be less than 100 mb and not have the large top/bottom/side margins as in normal print version;
  • The total number of pages should be no more than 500 pages;
  • Supported formats: PDF, Word (DOC), PowerPoint (PPT), Open Office (ODS, ODP), WordPerfect (WPD), Rich text format (RTF), Star Office (SXI, SXW);
  • Optimal image resolution: 150 ppi (higher resolution will be scaled down);
  • Supported PDF versions: 1.0 to 1.5;
  • Do not include bleed, crop, or other print markings;
  • The PDF should be 1-page-to-1-page, meaning that two actual pages (a spread) should not be 1 page in the PDF;

Info: for further info contact Adform technical support technical@adform.com

Expanding banner

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.

Expanding-Floating banner

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.

Floating banner

Preview:

Examples:

Instructions

1. Banner must have a close button, which executes the following JavaScript code:

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;
import flash.display.LoaderInfo;
ExternalInterface.call("ADFClose",LoaderInfo(this.root.loaderInfo).parameters.adId);

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

3. 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.

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

Floating banners and Adform Synchronized ads

When Floating banner is a member of Adform Synchronized ad, it is possible to call this Floating banner from another Flash banner which must also be the member of the same Synchronized ad.

Flash banner which calls Floating banner must have AdformCore component on the stage and button, which executes the specific JavaScript code. In order to download AdformCore component you should install "Adform Creative Toolkit".

Creating banner

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating banners. For opening this extenstion follow to Window --> Other Panels --> Adform in your Flash API top menu. The manual of „Adform Creative Toolkit“ can be found here.

However, you can create banner which calls Floating ad without Adform Toolkit, just follow these steps:

1. When „Adform Creative Toolkit“ is installed, all Adform components are placed in your Adobe Flash installation directory. You are able to see them by selecting Window --> Components in the top menu.

2. Drag and drop the AdformCore component on the stage.

3. Then following code should be assigned to button:

a) In case you are using ActionScript 2:

on(release) {
        AdformCore.showFloating();
}

b) In case you are using ActionScript 3:

button.addEventListener(MouseEvent.CLICK, showFloatingHandler);
function showFloatingHandler(e:MouseEvent):void
{
    AdformCore.showFloating();
}

Banners for Adform Content Manager

Adform Content Manager allows creating a universal Flash banner which can dynamically change according to content definitions in Adform system. When using Adform banner elements, there is no need to physically alter the banners when the changes need to be applied to text, various properties (colors, alignment, etc.) or graphics. Below you will find detailed instructions on how to create Adform Content Manager compatible Flash banners.

Preview:

Examples:

Installation

For creating Adform Content Manager banners you need to download specific Adform components. This is done by downloading and installing „Adform Creative Toolkit“ extension. More info about installing this plugin can be found here.

Creating banner

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating banners with dynamic content. For opening this extenstion follow to Window --> Other Panels --> Adform in your Flash API top menu. The manual of „Adform Creative Toolkit“ can be found here.

However, you are able to create Adform Content Manager banners without „Adform Creative Toolkit“. You should follow these steps for creating such type banners:

1. When „Adform Creative Toolkit“ is installed, all Adform components are placed in your Adobe Flash installation directory. You are able to see them by selecting Window --> Components in the top menu.

2. Then drag and drop the AdformCore and AdformXMLManager components on the stage.

3. AdformXMLManager component has the following methods:

  • For loading a text variable value to a assigned textField:
AdformXMLManager.setText(varName:String, tf:TextField);

       varName - variable name in content xml at selected group;
       tf – textfield instance name.

  • For loading image to assigned movieClip with a preloader:
AdformXMLManager.loadFile(varName:String, mc:*,
loadCompleteHandler:Function, loadProgressHandler:Function);

         varName – variable name in content xml at selected group;
         mc – movieClip instance name;
         loadCompleteHandler – function to call when file has been loaded;
         loadProgressHandler - function to call while file is loading; properties arebytesLoaded and bytesTotal.

  • For retrieving variable values:
AdformXMLManager.getVarValue(type:String, name:TextField);

          type – variable type in the context xml, possible types are: text and graphic;
          name – variable name in the context xml.

Note: You are not able to access variable value until XML is completely loaded. You must listen to “AdformXMLManager.XML_LOAD_COPLETE” event.

  • Adding event listener:
AdformXMLManager. addEventListener (event:String, handler:Function);

          event – event name;
          handler – event handle function.

4. AdformXMLManager component has event which fires when XML is completely loaded:

AdformXMLManager. addEventListener (AdformXMLManager. XML_LOAD_COMPLETE, onXMLLoaded:Function);

5. For setting test XML location (this is ONLY for testing purposes, when publishing final banners this method should not be used as the AdformXMLManagers find the XML automatically):

AdformXMLManager.pathToXMLFile = “url:String”

url – valid URL to a content xml. Possible values are relative (ex.: metadata.xml) or full paths.

Note: examples and events of XMLManager component can be found here.

XML template

1. The XML structure is shown below – when using a local XML for testing purposes, please make sure that naming is correct: <root>, <TextVars> and <Graphics>.

<root>
<TextVars>
<TextVar name="BackgroundColor" value="F3F3F3"/>
<TextVar name="Text" value="Adform Banner Elements XML Example."/>
</TextVars>
<Graphics>
    <Graphic name="Logo" value="http://adform.com/en/images/logo.jpg" />
</Graphics>
</root>

2. You can validate your own XML against the below Adform Content Manager DTD – Document Type Definition:

<!DOCTYPE root [
<!ELEMENT root (TextVars,Graphics,Groups)>
<!ELEMENT TextVars (TextVar+)>
<!ELEMENT TextVar EMPTY>
<!ELEMENT Graphics (Graphic+)>
<!ELEMENT Graphic EMPTY>
<!ELEMENT Groups (Group+)>
<!ELEMENT Group (TextVars,Graphics)>

<!ATTLIST root xmlns:xsi CDATA #FIXED "http://www.w3.org/2001/XMLSchemainstance">
<!ATTLIST root xmlns:xsd CDATA #FIXED "http://www.w3.org/2001/XMLSchema">
<!ATTLIST TextVar name CDATA #REQUIRED>
<!ATTLIST TextVar value CDATA #REQUIRED>
<!ATTLIST Graphic name CDATA #REQUIRED>
<!ATTLIST Graphic value CDATA #REQUIRED>
<!ATTLIST Graphic assetID CDATA #REQUIRED>
<!ATTLIST Graphic av CDATA #REQUIRED>
<!ATTLIST Group name CDATA #REQUIRED>
<!ATTLIST Group id CDATA #REQUIRED>
]>

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.

Event tracking (banner hosted by Adform)

Adform Event tracking can be applied for different types of Flash events, e.g. clicks on specific Flash banner areas, mouse-over specific banner area and etc. Implementation of Event tracking depends on where the banners are hosted – on Adform servers or on Media servers.

This tutorial explains how to set up event tracking in Flash banners hosted on Adform servers.

Preview:

Examples:

Installation

For creating banners with Adform event tracking you need to download specific Adform components. This is done by downloading and installing „Adform Creative Toolkit“ extension. More info about installing this plugin can be found here.

Creating banner

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating banners with Adform event tracking. For opening this extenstion follow to Window --> Other Panels --> Adform in your Flash API top menu. The manual of „Adform Creative Toolkit“ can be found here.

However, you are able to create banners with Adform event tracking without „Adform Creative Toolkit“. You should follow these steps for creating such type banners:

1. When „Adform Creative Toolkit“ is installed, all Adform components are placed in your Adobe Flash installation directory. You are able to see them by selecting Window --> Components in the top menu.

2. Drag and drop the AdformCore component on the stage.

3. Insert Event calls on specific events, which you want to track:

AdformCore.ADFevent('event_id', 'event_name');

event_id - it is a whole number between 1 and 19 and represents unique events in the banner.

event_name - static string (do not use dynamic values).

4. Example of using Adform event tracking:

a) In case you are using ActionScript 2:

button.onRelease = function() {
AdformCore.ADFevent('1', 'banner click');
// Calling the ADFevent() function which transfers the event data to Adform servers
};

b) In case you are using ActionScript 3:

button.addEventListener(MouseEvent.CLICK,ADFevent1);
function ADFevent1(e:Event):void {
AdformCore.ADFevent('1', 'banner click');
}

5. Event cannot be called immediately when the banner is loaded (in the first frame). It should be called only after user interaction with the banner (e.g. mouse over, dragging object, playing video on

6. 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.mouse over and etc.).

7. Test the Flash banner and events in live web environment using Adform Creative Test Module

Events with dynamic values

It is possible to pass some custom values using Custom Adform Events:

1. Drag and drop the AdformCore component on the stage.

2. Insert Event calls on specific events, which you want to track:

AdformCore.ADFevent('event_id', 'event_name', eventVars);

event_id - it is a whole number between 1 and 19 and represents unique events in the banner.

event_name - static string (do not use dynamic values).

eventVars - (Object) Object with custom variables, which should be assigned for current event. Variable names are limited to the following - bv1, bv2, ... , bv100. Their values should be "String" type.

Example of eventVars:

var eventVars:Object = {

   bv1: "John",

   bv2: "Colin",

   bv3: "24"

}

a) In case you are using ActionScript 2:

var eventVars:Object = {
  bv1: "John",
  bv2: "Colin",
  bv3: "24"
 };
button.onRelease = function() {
AdformCore.ADFevent('1', 'banner click', eventVars);
// Calling the ADFevent() function which transfers the event data including variables to Adform servers
};

b) In case you are using ActionScript 3:

var eventVars:Object = {
  bv1: "John",
  bv2: "Colin",
  bv3: "24"
 };
button.addEventListener(MouseEvent.CLICK,ADFevent1);
function ADFevent1(e:Event):void {
AdformCore.ADFevent('1', 'banner click', eventVars);
}

Event tracking (banner hosted by Media)

Adform Event tracking can be applied for different types of Flash events, e.g. clicks on specific Flash banner areas, mouse-over specific banner area and etc. Implementation of Event tracking depends on where the banners are hosted – on Adform servers or on Media servers.

This tutorial explains how to set up event tracking in Flash banners hosted on Adform servers.

Preview:

Examples:

Installation

For creating banners with Adform event tracking you need to download specific Adform components. This is done by downloading and installing „Adform Creative Toolkit“ extension. More info about installing this plugin can be found here.

Creating banner

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating banners with Adform event tracking. For opening this extenstion follow to Window --> Other Panels --> Adform in your Flash API top menu. The manual of „Adform Creative Toolkit“ can be found here.

However, you are able to create banners with Adform event tracking without „Adform Creative Toolkit“. You should follow these steps for creating such type banners:

1. When „Adform Creative Toolkit“ is installed, all Adform components are placed in your Adobe Flash installation directory. You are able to see them by selecting Window --> Components in the top menu.

2. Drag and drop the AdformCore component on the stage.

3. Insert Event calls on specific events, which you want to track:

AdformCore.ADFevent('event_id', 'event_name');

event_id - it is a whole number between 1 and 19 and represents unique events in the banner.

event_name - static string (do not use dynamic values).

4. Example of using Adform event tracking:

a) In case you are using ActionScript 2:

button.onRelease = function() {
AdformCore.ADFevent('1', 'banner click');
// Calling the ADFevent() function which transfers the event data to Adform servers
};

b) In case you are using ActionScript 3:

button.addEventListener(MouseEvent.CLICK,ADFevent1);
function ADFevent1(e:Event):void {
AdformCore.ADFevent('1', 'banner click');
}

5. Event cannot be called immediately when the banner is loaded (in the first frame). It should be called only after user interaction with the banner (e.g. mouse over, dragging object, playing video on

6. 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.mouse over and etc.).

7. Test the Flash banner and events in live web environment using Adform Creative Test Module

8. When hosting the banner, it must be passed a unique bn, ADFcmpgnID, ADFmembID, ADFbanPlacID, ADFbanID  and domain=http://track.adform.net/Banners/ values from Adform system through FlashVars (for this info please contact traffic@adform.com).

Polite banner

Heavy rich media banners can significantly slow down the loading of the 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 an image file of very little weight replaces the original banner during the Media site loading and only after the site has fully loaded, original banner is loaded into its place.

Preview:

Examples:

Instructions

There are two type polite banners:

  • based on JavaScript – when page is loading – light weight image file is displayed and when page is fully loaded – the main Flash banner replaces image. Currently only images may be polite source.

    All you need is to provide us one image and one SWF file. Flash banner must be made according to Adform specs.
     
  • based on ActionScript – the main idea is that banner should have special Adform component and there should be implemented event listener which would call special function when page is fully loaded. This scenario is very useful for video banners – to start video streaming only when page is fully loaded.

    More about this feature in this manual.

Creating polite banner (based on ActionScript)

Installation

For creating such type Adform Polite banners you need to download specific Adform component. This is done by downloading and installing „Adform Creative Toolkit“ extension.

Instructions

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating polite banners. For opening this extenstion follow to Window --> Other Panels --> Adform in your Flash API top menu. The manual of „Adform Creative Toolkit“ can be found here.

However, you are able to create Adform Content Manager banners without „Adform Creative Toolkit“. You should follow these steps for creating such type banners:

1. When „Adform Creative Toolkit“ is installed, all Adform components are placed in your Adobe Flash installation directory. You are able to see them by selecting Window --> Components in the top menu.

2. Drag and drop the AdformCore component on the stage.

3. Implement code below in the banner:

a) In case you are using ActionScript 2:

import com.adform.events.AdformPoliteEvent;
import com.adform.events.AdformEventDispatcher;
System.security.allowDomain("*");
function handlePageLoaded(adformPoliteEvent:Object):Void
{
// here you should start load another large size swf file
}
AdformEventDispatcher.addAdformEventListener(AdformPoliteEvent.PAGE_LOADED, handlePageLoaded);

b) In case you are using ActionScript 3:

import com.adform.events.AdformPoliteEvent;
import com.adform.events.AdformEventDispatcher;
Security.allowDomain("*");
function handlePageLoaded(adformPoliteEvent:AdformPoliteEvent):void
{
// here you should start load another large size swf file
}
AdformEventDispatcher.addAdformEventListener(AdformPoliteEvent.PAGE_LOADED,
handlePageLoaded);

4. When page is fully loaded – function handlePageLoaded is called. Now you are free to load heavy content banner.

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

6. 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.

Synchronized banners

Synchronized Flash Banners are often desired when the advertising campaign needs several Flash banners to cooperate on one Media – e.g. ended streaming video in one banner starts another streaming video in another banner or answering to quiz questions in one banner invokes congratulatory animations in all banners, etc. Adform Synchronized Flash Banners must consist of at least two Flash files. The communication between the banners can be directed in any convenient way – senders/listeners or all banners can be senders and listeners at the same time. There are no limitations for the content of Adform Synchronized Banners. These banners can combine several advertising techniques (video streaming, interactive content, order/purchase forms, etc.). Below you will find instructions for creating Synchronized Flash Banners to be hosted by Adform.

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating Synchronized banners. The manual of „Adform Creative Toolkit“ can be found here.

However, it is possible to create Synchronized banners without Adform Toolkit, below you will find detailed instructions on this.

Preview:

Examples:

Instructions

1. There must be at least two flash banners that depend on each other.

2. Both banners must communicate through LocalConnection object The below examples show the necessary code for sending and receiving commands among separate Flash banners.

a) In case you are using ActionScript 2 the following code must be implemented in a Flash banner depending if it is sending or receiving commands:

//WHEN SENDING A COMMAND TO ANOTHER BANNER

//Creating the LocalConnection object
var ADFsendLC = new LocalConnection();
//Assigning a send action to some event in the banner – in this example
//it is a click of a button
ADFBUTTON.onRelease = function() {
ADFsendLC.send("ADFconnection","ADFhide");
//First parameter - connection name - must be the same in both –
//sending and receiving banners
//Second parameter - function name that is defined in
//the receiving banner
}

//WHEN LISTENING FOR A COMMAND FROM ANOTHER BANNER

//Creating the LocalConnection object
var ADFreceiveLC = new LocalConnection();
//Defining the function called through the LocalConnection
ADFreceiveLC.ADFhide = function(){
ADFlogo._alpha = 0;
//In this example the remote Flash banner orders the receiver to
//make the an object transparent
}
//Opening the connection and giving the instance a name so that the sender can
//connect to the receiver
ADFreceiveLC.connect("ADFconnection");

b) In case you are using ActionScript 3 the following code must be implemented in a Flash banner depending if it is sending or receiving commands:

//WHEN SENDING A COMMAND TO ANOTHER BANNER

//Creating the LocalConnection object
var ADFsendLC = new LocalConnection();
//Assigning a send action to some event in the banner – in this example
//it is a click of a button
ADFBUTTON.addEventListener(MouseEvent.CLICK,ADFhide);
function ADFhide(e:MouseEvent) {
ADFsendLC.send("ADFconnection","ADFhide");
//First parameter - connection name - must be the same in both –
//sending and receiving banners
//Second parameter - function name that is defined in
//the receiving banner
}

//WHEN LISTENING FOR A COMMAND FROM ANOTHER BANNER

//Creating the LocalConnection object
var ADFreceiveLC = new LocalConnection();
//Defining the function called through the LocalConnection
function ADFhide() {
ADFlogo.alpha = 0;
//In this example the remote Flash banner orders the receiver to
//make the an object transparent
}
//Opening the connection and giving the instance a name so that the sender can
//connect to the receiver and defining the client for the incoming connection
ADFreceiveLC.connect("ADFconnection");
ADFreceiveLC.client = this;

Important! Due to technical aspects of LocalConnection banner synchronization (described above) will only work fine when banners are previewed in one browser tab at the same moment. In order to avoid this Adform strongly recommends to use Adform Creative Toolkit.

Synchronized banners made with Adform Toolkit works fine in more than one browser at the same moment. More info about Adform Creative Toolkit can be found here.

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.

Tear back banner

Tear Back Flash Banners are an alternative way to get the user's attention and provide the advertisement message in a more interesting way which enhances the browsing experience. Tear Back Flash Banners (also known as Peel Back Banners) consist of two Flash files. An initial Flash banner resides in the upper right corner of the web page. When the user clicks on the initial banner, it tears down the page to reveal the full content banner. There are no limitations for the size or content of both – initial and content banners. These banners can combine several banner techniques (video streaming, interactive content, order/purchase forms, etc.).

Adform strongly recommends to use „Adform Creative Toolkit“ extension for creating Tear Back banners. The manual of „Adform Creative Toolkit“ can be found here.

However, it's also possible to create Tear Back banners without Adform Toolkit. Below you will find instructions on this.

Preview:

Examples:

Instructions

1. There must be two banners – initial and content.

2. Content banner must have a close button, which executes the following JavaScript code:

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;
import flash.display.LoaderInfo;
ExternalInterface.call("ADFClose", LoaderInfo(this.root.loaderInfo).parameters.adId);

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.