Follow

The BaseBoard format is also known as: Floor-Ad and Cat-Fish. The BaseBoard format allows you to create an Expandable Banner ad where the default panel remains attached to the bottom of the publisher’s page, even when the user scrolls up or down the page. You can use this block when you want your ad to remain visible on the page with an option to have additional panels expanded from the default panel. The Baseboard format works with Expandable Banners where the banner is a 1x1 asset. The default panel is auto expanded and contains graphic elements. There is an option to add additional panels as well.

The positioning of the panel/s is configured using custom script parameters, not through editing the ad’s settings in the Sizmek platform. All settings that are configured using the Sizmek platform will be overridden by the custom script settings.

The following entities are provided with the Baseboard:

Entity

AS3

AS2

Banner

BaseBoard_banner_1x1_AS3.fla

BaseBoard_banner_1x1_AS2.fla

Default Panel

BaseBoard_panel1_AS3.fla.

BaseBoard_panel1_AS2.fla

Additional Panel (optional)

BaseBoard_panel2_AS3

BaseBoard_panel2_AS2.fla

New Client Custom Script

http://ds.serving-sys.com/BurstingRes/CustomScripts/PL_

ExpandableBaseboard_NC.js?adid=[%tp_adid%]&options=panel1,100,C,F,0$panel2,100,C,T,0

 

 

The BaseBoard requires certification by the Sizmek Certification Team on each publisher for which you would like to run the ad format. If you would like to run this format with a particular publisher and they do not appear in the Certified Publishers list (below), please contact your Sizmek representative with the ad format you would like certified, the Publisher name, and the Site Account ID from Sizmek. To download the Certified Publishers list for the BaseBoard Ad Format, click here.

The user opens the publisher’s page; the default banner is displayed automatically and is attached to the bottom of the publisher’s page. The 1x1 banner exists in the page but is not visible.

If there are additional panels in the ad, they will be positioned relative to the default panel.

The user can scroll up and down on the page while the BaseBoard ad will remain attached to the bottom of the visible page.

To view a technical demo:

To download this template and start using it now:

  • Error 1120 - Access of undefined property Blocks

    If you receive this error when publishing the FLA, you need to update your Ad Builder for Flash (MXP). Click here to download the latest MXP.

  • The Baseboard only works properly when served with generated ad tags (test tags or approved placement tags). It will not work when previewing using the Sizmek platform or when using the Ad Builder for Flash.
  • To display this format properly, in the right position on publisher’s pages, please verify the following two items:
    1. The publisher's page that serves this block must contain ad tags with Doctype declaration.
    2. The block's ad tags are the first Sizmek expandable ad tags on the page.
  • The BaseBoard interacts with the HTML structure of the publisher, therefore it’s highly recommended to use the test tags (included in the downloaded template) on the publisher's page before any development.

Before You Begin

Make sure you have the following resources available:

  • Ad Builder for Flash
  • BaseBoard template

Configuring the Block in Flash is very similar for AS2 and AS3, the function names are the same, but the assets are different. The following example shows you how to configure the Block using AS3.

The following assets are needed for the BaseBoard Block:

  • Banner - BaseBoard_banner_1x1_AS3.fla

The banner should remain as is, dimensions 1x1 and with no additional content. Make sure the banner is located in the first key frame

  • Panel1 - BaseBoard_panel1_AS3

This is the "BaseBoard", the unit that will be attached to the visible bottom of the page.

The provided asset has the ability to resize the stage’s width according to the user’s screen width and places movie-clips accordingly.

The function "resizeStage()" in the Actions layer in keyframe 2 is triggered upon resizing the stage. If you want to resize or change the position of any movie clip according to the current screen width, you can write the relevant code inside this function as follows:

  • Panel2 - BaseBoard_panel2_AS3.fla

This is the panel that expands upon rolling over the "Expand" in panel1.

Technically this asset contains the same functionality as "Panel1". The function "resizeStage()" is located in the Actions layer in keyframe 2. This function allows you to resize the panel as described in "Panel1" above.

The following script allows the 1x1 banner to have panels that function as a BaseBoard ad with the panels being the BaseBoard pieces.

Parameter

 

Description

adid

[MANDATORY] The ID of the ad to which this custom script will be attached.

Uses the token for the ad ID. [%tp_adid%] This assures that the token will be replaced with the real ad ID, by the Sizmek platform, at runtime.

Note: The adid token should not be changed, and should be copied verbatim. It will be replaced by the platform when serving the ad, not before.

options

[OPTIONAL] A comma and dollar sign provide a delimited list of options for the panels. See the format below:

[panelName],[panelWidth],[panelXAlign],
[panelPlaceOnTop],[panelYOffset]

 

 

[panelName]

The name of the panel in the Sizmek platform. Mandatory if providing options for a panel.

 

[panelWidth]

Values: 0 - 100. The amount of percentage to stretch the panel horizontally. Default: 0 (indicates no stretching, uses the width as defined in the swf)

 

[panelXAlign]

Values: L, C, R for Left, Center, or Right. Default: Center

 

[panelPlaceOnTop]

Values: T or F. If true, the panel will be placed not flushed to the bottom of the browser window, but flushed to the TOP of the default panel. Default: False

 

[panelYOffset]

Sets the number of pixels to which the panel will appear ABOVE at the bottom of the browser. If panelPlaceOnTop is set to true, will appear above the top of the default panel.

The following example is the most common use case of this script:

http://ds.serving-sys.com/BurstingRes/CustomScripts/PL_ExpandableBaseboard_NC.js?adid=[%tp_adid%]&options=panel1,100,C,F,0$panel2,100,C,T,0

 

 

  1. Upload the block assets to the Sizmek platform as follows:

Assets:

Asset Name

Role in the Ad

Panel Name

Settings

DefaultImage_1x1.gif

Default image

-

-

BaseBoard_banner_1x1_AS3.fla

Banner

-

-

BaseBoard_panel1_AS3.fla

Default panel

panel1

Default panel

Auto Expand Default Panel when Ad is Loaded

Auto Retract: Never

Note: The panel position is configured in the custom script.

BaseBoard_panel2_AS3.fla

Panel

panel2

Auto Retract: Never

Note: The panel position is configured in the custom script.

  1. Define the custom script as follows:
    1. Open the ad.
    2. Go to Setup > Advanced Features.
    3. Expand the Custom JS section.
    4. In the Trigger JavaScript on Scripts Pre-Load field, enter the custom script you previously defined in Flash as follows:

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments