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!

Dynamic Content Banner

Adform Creative Toolkit allows creating a universal Flash banner which can dynamically change object values according to the content definitions in the Adform system. When using ad messages, there is no need to physically alter the banners when the changes need to be applied to text or graphics.

Note: Currently dynamic content feature is availabe for standard, floating, expanding and tear back banners. Also, synchronized banners are not allowed to have dynamic content.

 

Important: Dynamic content objects must go throughout the whole banner timeline.

 

It is recommended to use already existing Adform banner project template as a starting point. You may find various banner formats in Adform Production Guides page. For creating Dynamic banner please see this dynamic banner project template or if you want to make a banner from scratch please follow instructions below.

Creating Banners with Dynamic Content

  • Create data template

    Dynamic banner is created to take some portion of dynamic data - images or texts. Adform system has ability to create data template for storing text, graphic image and landing page values for the dynamic banner to use. Workflow is as follow:

    1. Creating template: template is created manually under Banners > Templates section. New data template on Adform's system is created manually and the data to it could be filled either manually, either doing automatic data import (transformation). As it is a simple dynamic banner - data to it is added manually as just manually added data is visible in system interface. Automatic data transformation (feeds) fills in data to different location, not visible via system interface and such data can't be used for simple dynamic banner.
    2. Creating ad messages: each item/product/admessage that is wished to be displayed per 1 impression on simple dynamic banner's stage should be added as single ad message on a template. Ad messages amount on Adform's template for simple dynamic banner is limited to 10 000. Ad message title/name must be unique as if not an error is shown during template save. Each ad message gets it's own group message id.
    3. Defining variables: variable names for Text, Graphic and Landing pages variables may vary but it is advised to ad semantic variable name meaning, for e.g. instead of "t1" use "text_1" or "header_text". Variable amount is limited to 100. Before creating Graphic variables make sure that image assets are hosted under "Assets" section in Adform system.
    4. Publishing template: data from template which status is "In progress" or "Modified" is not used/parsed to the banner. Status must be "Published" after all edit tasks are done. Once template published a path to XML source is generated on system. It looks like: http://s1.adform.net/Banners/Elements/Templates/12216/11030.xml . The last two digits are important for local banner testing as they stands for client id - cid:12216 and template id - tid:11030. Also, opening this link in browser it is possible to get any entered ad message group id value - gid variable, for example inside this template there is gid:80549535.
    5. Local banner test: placing above mentioned variables to banner's code:
      AS2 AS3
      if ( ! _root.clickTAG) {
      		var bn = 0;
      		var cid = 12216;
      		var gid = 80549535;
      		var tid = 11030;
      		var domain = "http://track.adform.net/banners/";
      		var pgsz = 6;
      		var gcnt = 100;
      	}
      	
      import com.adform.utils.AdformFlashVars;
      if (!AdformFlashVars.getFlashVar('clickTAG')) {
       var fakeFlashVars : Object = {
        'bn': 0,
        'cid': 12216,
        'gid': 80549535,
        'tid': 11030,
        'domain': 'http://track.adform.net/banners/',
        'pgsz': 6,
        'gcnt': 100
       }
       AdformFlashVars.setFlashVars(fakeFlashVars);
      }
      banner creator may get particular ad message dynamic values loaded locally. Once banner is placed to system and some template assigned to it - variables are inherited dynamically.

     

  • Adding Dynamic text fields

    1. Create dynamic text field and give it an instance name for example TestField or any other that is predefined on data template:

    Content _management

    Important: dynamic test fields names should be the same as used on data template. Otherwise - banner won't inherit and show dynamic values.


    2.
    Proceed to ContentAd Message:

    Content Ad Message

    3. Assign values to textfields and click Save:

    Admessage

    4. When banner is finished it can be tested by clicking the Preview button, or a ZIP file can be created, by clicking the Export button, so that it can be uploaded to the Adform system. Later in Adform system it's possible to change values of dynamic text fields.

     

  • Adding Dynamic graphic objects

    1. Create a MovieClip object and give it an instance name (e.g. TestGraphics):

    Create _graphic _object

    2. Proceed to ContentAd Message.

    Content Ad Message

    3. Assign values to MovieClip objects and click Save :

    Graphic

    Note: An image will not be stretched if it has bigger size than the assigned MovieClip.


    4. When banner is finished it can be tested by clicking the Preview button; or a ZIP file can be created, by clicking the Export button, so that it can be uploaded to the Adform system. Later in Adform system it is possible to change values of dynamic graphics.

  • Dynamic fonts embedding

    When you specify a font for a TextField in your application, Flash Player looks for a device font (a font that resides on the user's computer) with the same name. If it does not find that font on the user's system, or if the user has a slightly different version of a font with that name, the text display could look very different from what you intended.

    The main limitation in using embedded fonts is that the embedded fonts increase the file size or download size of your banner. To lessen the banner size, fonts should be loaded dynamically.

    Loading fonts dinamically

    1. Follow to Content → Ad Message and select tab Font assets.

    2. Font assets window shows you the already created font assets: names and sizes.

    3. Click the Create New button in order to create a new font asset.

    Create Newfont

    Note: It is importat to set the same font configuration used for dynamic text field and the one on Adform Creative Toolkit. For e.g. if your combination is (Helvetica) System Default Font for dynamic field on stage and you will create font asset for Helvetica Lt Standard Condensed in a toolkit, this font asset won't be used when project will be exported and uploaded to Adform system.


    Wrong:
    Font _case _4



    Good:
    Font _case _2


    4. Click the Create button.

    5. A new Font asset has been added to the Font Asset list. It is also possible to delete existing font assets or create new ones.

    6. When banner is finished, you must Export the project and upload project's ZIP file to the Adform system (more info about project export in section „Banner export“).


Dynamic Banner Samples

DYNAMIC BANNER SAMPLE: the format consists of 300x250 stage where dynamic text and graphic values are taken from XML source.
Banner: preview Support Preview Icon, source download Support Source Icon.

DYNAMIC FONTS EMBED: format consists of an initial 300x250 stage where dynamic values are taken from XML source. Dynamic fields inherits fonts embeded.
Banner: previewSupport Preview Icon, source downloadSupport Source Icon .