From September, Flash will no longer be supported by Chrome. Prepare for the shift towards HTML5 by visiting our Flash to HTML5 help page

Check it out!

Creating Synchronized Ad

Important: From the 1st of September 2018, Flash Assets will no longer be available. Starting from the 1st of January 2019, serving of Flash Assets will be stopped. For more information, please contact [email protected]

 

It is highly recommended to use Adform Creative Toolkit extension for Flash to deliver synchronized banners fully compliant with the specs.  The Creative Toolkit auto-implements the required ActionScript commands on the flash files. Once exported, the assets are ready to be uploaded to the Adform system. You may download the latest version of Adform Creative Toolkit here.

Synchronized ad is a set of standard Flash banners which use the same main SWF and start an animation at the same time.

Note: Currently synchronized ad can only consist of Standard or Single Expanding banners.

 

Workflow Steps in Adform Creative Toolkit

Important: Only ActionScript 3 based ads are supported.

 

1. When creating new project select Synchronized as a banner type.

Synchronized _toolkit

 2. Set Synchronized ad dimensions - area where the synchronized panels (banners) will fit.

3. Click the Create button.

Making _synchronized

4. By clicking the Add Standard or Add Single Expanding button, Adform Toolkit adds the Standard or Single Expanding Panel Component to the stage. You are allowed to add up to 10 Panels.

5. In order to set a Panel as the main:

Main _pannels

  • Click on the "Flag" icon (when the main panel is loaded it sends info to all other panels to start an animation);
  • Click the Refresh button after changing the main panel.

Note: Single Expanding banner with the "Floating" floating cannnot be the main panel.

 

By clicking on the "Pencil" icon, you can edit each of the Panels.

In order to remove a Panel, click on the "Trash bin" icon.

6. Editing Panels:

  • Standard Panel - new Standard banner project is opened. In order to get more info about Creating Standard ads, click here;
  • Single Expanding Panel - new Single Expanding banner project is opened. In order to get more info about Single Expanding ads, click here.

Important: in order to change Panel dimensions, resize Panel component which is placed on Synchronized.fla stage and click REFRESH button in Toolkit panel


7. Each Panel has Adform Local Connection component on the stage, meaning that all Panels communicate with each other.

When a non-main panel is fully loaded it sends request to the main panel:

AdformLocalConnection.sendTo("Panel1", "targetReady");

When the main panel gets all "targetReady" from each of the panels, it sends info to all the Panels to start an animation:

AdformLocalConnection.sendToAll("startAnimation", animationStartTime);

All panels are loading Synchronized.swf, which ensures smooth animation in all panels:

function loadAnimation():void {
    var url:String = AdformFlashVars.getFlashVar("animURL", "../Synchronized.swf");
    var request:URLRequest = new URLRequest(url);
    var loader:Loader = new Loader();
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onAnimationLoad);
    loader.load(request);
}

8. In order to preview a banner, click the Preview button.

9. When Synchronized ad is created, click the Export button (in the Synchronized ad panel). Adform Creative Toolkit generates a ZIP file which is compatible with the Adform system and you can easily upload it into Adform.