18 December 2008

London Berlin Paris Madrid Montreal

Overview
Flash files Specifications Rich-Media scripts Video p 3.. p 12 p 42

Flash files specifications

Clicktag Open/ Close button p 4.. p 5..

Spec : clicktag
In order to make the creative clickable, here is the code to implement on the whole of the animation: Action script 2 :
on (release) { getURL(_root.clicktag, _root.target); }

Action script 3 :
var clicktag:String=root.loaderInfo.parameters.clicktag; var target:String=root.loaderInfo.parameters.target; //Function executed in answer to the event function onClic(pEvt:Event):void { var redirect:URLRequest = new URLRequest( clicktag ); navigateToURL (redirect, target); } Button_btn.addEventListener(MouseEvent.CLICK, onClic); //Button_btn is an example of button occurrence name in the creative

Spec : flash transparent / interstitiel

If the flash contains a close button, you must implement the following function : If Flash < version 8 :
on (release) { getURL("javascript: pub_ist_hd()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("pub_ist_hd"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("pub_ist_hd"); } ButonClose_btn.addEventListener(MouseEvent.CLICK, onClic); // CloseButon_btn is an example of button occurrence name in the creative
5

Spec : expand-multidirectionnel
If the flash contains a close button, the following function must be implemented : If Flash < version 8 :
on (release) { getURL("javascript: pub_ist_collapse()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("pub_ist_collapse"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("pub_ist_collapse"); } CloseButton_btn.addEventListener(MouseEvent.CLICK, onClic); // CloseButton_btn is an example of button occurrence name in the creative
6

Spec : expand-multidirectionnel
If the flash contains an open button, the following function must be implemented: If Flash < version 8 :
on (release) { getURL("javascript: pub_ist_expand()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("pub_ist_expand"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("pub_ist_expand"); } OpenButton_btn.addEventListener(MouseEvent.CLICK, onClic); // OpenButton_btn is an example of button occurrence name in the creative
7

Spec : reveal
If the flash contains a close button, the following function must be implemented : If Flash < version 8 :
on (release) { getURL("javascript: xClose()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("xClose"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("xClose"); } CloseButton_btn.addEventListener(MouseEvent.CLICK, onClic); // CloseButton_btn is an example of button occurrence name in the creative
8

Spec : reveal
If the flash contains an open button, the following function must be implemented : If Flash < version 8 :
on (release) { getURL("javascript: xOpen()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("xOpen"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("xOpen"); } OpenButon_btn.addEventListener(MouseEvent.CLICK, onClic); // OpenButton_btn is an example of button occurrence name in the creative
9

Spec : corner
As a complement to http://www.smartadserver.com/gestion/corner/ (Close button): If Flash < version 8 :
on (release) { getURL("javascript: corner_hide()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("corner_hide"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("corner_hide"); } CloseButton_btn.addEventListener(MouseEvent.CLICK, onClic); // CloseButton_btn is an example of button occurrence name in the creative
10

Spec : corner
As a complement to http://www.smartadserver.com/gestion/corner/ (open button): If Flash < version 8 :
on (release) { getURL("javascript: corner_show()"); }

If Flash >= version 8 :

on (release) { flash.external.ExternalInterface.call("corner_show"); }

Action Script 3 :
import flash.external.ExternalInterface; // Function executed in answer to the event function onClic(pEvt:Event):void { ExternalInterface.call("corner_show"); } OpenButton_btn.addEventListener(MouseEvent.CLICK, onClic); //OpenButton_btn is an example of button occurrence name in the creative
11

Rich-Media scripts
Introduction Floating + Banner Corner/ Peel-back ad Multi-expand banner Overlay Background image Interstitial Reveal Floating skyscraper Wall Script Glossary p 13 p 14 p 17 p 20 p 24 p 27 p 30 p 33 p 36 p 39 p 42

12

Introduction
All of the predefined rich-media scripts only work with creative hosted either on the Smart ad servers or on a external server via an image redirect. They dont work with agency redirects. It is not necessary to fill in all parameters to make the scripts work properly. However they allow the creative to match as much as possible the specifications and requirements. In order to deliver properly a campaign via a Smart tag, the javascript functionality of the browser must be activated. A flash plugin must also be activated in order for the flash creative to play properly. There is no weight limit for the creative however it is important to check the pricing as defined in your contract (if different per creative).

13

Floating + Banner
Definition
Displays a fixed format and an overlay in the same insertion

Demo
www.smartadserver.com/demo/spec/s_banft.html

Specifications
Original creative: 2 flash, gif or jpg files Buttons: Cf. the introduction

14

Floating + Banner
Programming
Placement : any fixed ad tag Select the predefined Floating + Banner script Upload the 2 creatives in the same insertion The first creative saved is the fixed format, the second one is the floating ad The positionning of the overlay against the banner depends on the structure of the site

Options
It is possible to have a capping on the overlay but not the banner

15

Floating + Banner
Parameters
Maximum display duration (seconds): Horizontal position from fix point (pixels, positive or negative): Vertical position from fix point (pixels, positive or negative): Left/ right-fixed image: Left for non-centred sites Horizontally centred image: Top/ bottom-fixed image: Vertically centred image: advised for centred sites Capping for floating ad (number of impressions per day)

16

Corner / Peel-back ad
Definition
Displays a flash creative in one of the 4 corners of the page. The creative first expands when moused over or clicked on, then folds back the same way.

Demo
www.smartadserver.com/demo/spec/s_corner.html

Specifications
Original creative : 1 flash file Technical specifications necessary for creating the flash: http://www.smartadserver.com/gestion/corner/ Buttons: Cf. the introduction

17

Corner / Peel-back ad
Programming
Placement : dhtml tag Select the Corner predefined script The flash containing the whole animation (Expansion AND Folding) is uploaded in the images Beware, the flash file must be set with the "transparent" parameter The management of the 2 areas (expanded and folded) is done inside the flash file

18

Corner / Peel-back ad
Parameters
Top-right-fixed corner : by default Top-left-fixed corner Bottom-right-fixed corner Bottom-left-fixed corner Creative width when folded (pixels): MANDATORY Creative height when folded (pixels): MANDATORY

19

Multi-expand banner
Definition
Displays a creative that expands when rolled oved by the cursor or clicked on

Demo
www.smartadserver.com/demo/spec/s_mexpand.html

Specifications
Original creative: 1 or 2 flash, gif, jpg files Buttons: Cf. the introduction

20

Multi expand banner

Programming:
Placement : any kind of fixed tags Select the multi-expand banner predefined script Be aware that there are 2 cases possible: 1) with one creative used 2) with two creatives used If the expand must display some creatives alternately, upload the folded creative first then the expanded one If you only use one creative, make sure you specify the width and height of the folded creative

Options
The image contains the flash or gif to display, of which only one part is initially exposed Two creatives displayed alternately (one folded, the other expanded)

21

Multi-expand banner
Parameters
Alternate between 2 creatives (1 = folded, 2 = expanded): MANDATORY if 2 creatives If only one creative is uploaded (expanded format), width when folded (pixels): MANDATORY if 1 creative If only one creative is uploaded (expanded format), height when folded (pixels): MANDATORY if 1 creative Expand to the right: Expand to the left: Expand to the top: Expand to the bottom: Move fix point horizontally when expanding : Move fix point vertically when expanding :

22

Multi-expand banner
Maximum number of self-expanded deliveries per user session: Duration of expansion when self-expanded (seconds): 0 by default Duration of expansion when user-expanded (seconds): 0 by default Duration of expansion after mouse focus loss: 0 by default Unfold the banner after a click rather than a mouse over event Display flash in Transparent mode Restart flash each time the mouse passes over Do not hide objects and forms in the page while expanding: it allows you not to cover the items located below the flash creative Z-Index : 1000 by default

23

Overlay
Definition
Displays a creative over a page for a few seconds.

Demo
www.smartadserver.com/demo/spec/s_ft.html

Specifications Original creative : gif, jpg or flash file Buttons: Cf. the introduction

24

Overlay
Programming:
Placement : dhtml tag Select the Overlay predefined script The uploaded images contain the gif, jpg or flash creatives The personalized script area can host the script to display This is the same programming as the pop-up, pop-under and sticker banners

Options
Tiling and synchronisation with a standard banner

25

Overlay
Parameters
Width : creative width by default Height : creative height by default Horizontal position from fix point: pixels, + or Vertical position from fix point: pixels, + or Left-fixed image Horizontally centred image: yes by default Top-fixed/ bottom fixed image: Vertically centred image: yes by default Maximum display duration (seconds): 6 seconds by default Display flash in Opaque mode Do not hide objects and forms in the page while expanding: it allows you not to cover the items located below the flash creative

26

Background image
Definition
Displays a background image on your website

Demo
www.smartadserver.com/demo/spec/s_habillage.html

Specifications
Original creative : gif, jpg or png file Does not work with flash creative

27

Background image
Programming:
Placement : dhtml tag Select the background image predefined script

Options
It is possible to make the background clickable by uploading an URL with the creative It is possible to tile it with some other formats in the page for a complete branding effect of the site with the advertisers colours It is possible to lower the site to obtain an M-shaped background

28

Background image
Parameters
Left-fixed Image Horizontally Centred Image : positioning by default Right-fixed Image Top-fixed Image Vertically Centred Image : positioning by default Bottom-fixed Image Horizontal repeat : displays the image horizontally several times Vertical repeat : displays the image vertically several times Background color : FFFFFF=white, 000000=black - colour of the site by default Moving down the content of the page: in pixels 0 by default Fixed image: only the content of the site moves down when scrolling down (the background remains fixed)

29

Interstitial
Definition
Displays a creative on a blank screen during a few seconds before displaying the site page.

Demo
http://www.smartadserver.com/demo/spec/s_interstitiel.html

Specifications
Original creative : flash, gif or jpg creative Dimensions : Depending on the support Buttons: Cf. the introduction

standard = 800x600

30

Interstitial
Programmation
Placement : dhtml tag Select the interstitial predefined script The images contain the gif, jpg or flash creative The personalized script area can host the script to display

Options
Add a closing link in the flash Add a clickable logo on the interstitial page It is possible to tile it with some other formats on the page for a complete branding effect of the site with the advertisers colours

31

Interstitial
Parameters
Maximum display duration (seconds): 9 seconds by default Fix point and alignment of the creative on the page : the creative is by default totally centred Background colour : transparent by default Activate display of a "Close" link : absent by default "Close" link under the image : above the creative by default Text for the "Close" link : by default : " go straight to the site " Color for the "Close" link : the link is black by default Background opacity (from 0 to 100) : 100 means opaque Z-index : 1000 by default Logo URL : hosting URL of the logo (it will appear above the creative) Logo click URL : if empty, the logo is not clickable

32

Reveal
Definition
Displays an expand banner that unfolds down the site for a for a few seconds when opening and/or when moused over

Demo
www.smartadserver.com/demo/spec/s_reveal.html

Specifications
Original creative : 1 flash, gif or jpg file (It is not 2 alternating creatives!) Buttons: Cf. the introduction

33

Reveal
Programming:
Placement : any fixed tag (optimised for a leaderboard) Select the reveal predefined script There is only one creative to upload Give the start and end weight of the format It will only expand towards the bottom of the page

Options
Creative folded on startup / Creative expanding several times

34

Reveal
Parameters
Creative height when folded (pixels) : MANDATORY in pixel Creative expanded on startup Duration of expansion when self-expanded (seconds) Duration of expansion after mouse focus loss: 0 by default Creative may be expanded several times : no by default

35

Floating skyscraper
Definition
This is a standard skyscraper which moves along with the scrolling bar. The banner remains visible even when scrolling to the foot of the page.

Demo
www.smartadserver.com/demo/spec/s_sky.html

Specifications
Original creative : flash, gif or jpg file

36

Floating skyscraper
Programmation
Placement : any fixed or dhtml tag Select the floating skyscraper predefined script

Options
It is possible to activate it with any other formats

37

Floating skyscraper
Parameters
Centered Site (Opposed to a left-fixed site) Site Width: MANDATORY - in pixels Vertical position from fix point : pixels, positive or ngative Speed : from 1 to 10 pixels per second

38

Wall script
Definition
Displays a leaderboard and a skyscraper simultaneously forming an L-shaped format in the top right corner of the page

Demo
www.smartadserver.com/demo/spec/s_wallpaper.html

Specifications
Original creative : 2 flash, gif or jpg files

39

Wall script
Programming
Placement : leaderboard tag Select the wallscript predefined script Upload the two formats in the same insertion on the banner format Program a white pixel in another insertion on the skyscraper format Tile the two insertions

40

Wall script
Parameters
Centered Site (opposed to a left-fixed site): the site is aligned on the left by default Site Width: MANDATORY - 0 by default (it allows to position the sky) Leaderboard Alignment : right by default Vertical position from fix point (pixels, positive or negative) : top of the window by default

41

Glossary
Background opaqueness
It allows you to make an item more or less transparent but does not solve the zindex problem!

Fix point
The fix point of a creative depends on your browser window (and on not the site or tag used). Utilisation trick: vertically top centred creative for the centred sites / top-left fixed creative for non-centred sites

Z-index
The z-index option allows to specify the stacking layer of an item against the others (notion of overlay). The item with the highest value will appear above.

42

Video
Video file specifications Smart Players Video expand player External player Video trailer script for external players p 43 p 44 p 47 p 49 p 51

43

Video file Specifications

Definition
A video campaign is programmed the same way as any other display or rich-media campaign Smart provides its own players but it is also possible to use an external player

Specifications
Utilisation of a Smart player Format of the video: .flv Recommended weight : up to 2 or 4 Mb depending on the contract Format of the player: flash (.swf) Recommended weight: 50 Ko Format of the video: .flv file or any other file compatible with your player Recommended weight : up to 2 or 4 Mo depending on the contract
44

Utilisation of another player

Video Smart players

Programming:
Placement : MPU tag Click on Enable video player Upload the.flv file + redirect URL Select one of the 4 Smart players currently available Select the options that you want :
Sound "on" on startup Loop Button colors Control buttons Replay button Button transparency (ranges from 0 to 100) Sound during rollover Stripes colors Button location Stop Image (beginning or end of the film)
45

Video Smart players

46

Video Video Expand video

Definition
Displays a video that will expand on mouse over or when opening the page A specific player is available for this specific format

Demo
www.smartadserver.com/demo/spec/s_videoexp.html

Programmation
Go through the different steps described on the Video Smart players slide by selecting the expand player n (it only works with this play er) 5 It is recommended to upload a good quality video that corresponds to the size of the requested expand Select the video expand predefined script

47

Video Video Expand Player

Parameters
Creative width when folded (pixels): MANDATORY Creative height when folded (pixels): MANDATORY Creative width when expanded (pixels): MANDATORY Creative height when expanded (pixels): MANDATORY Unfolding speed (pixels): Creative expanded on startup : no by default Duration of expansion when self-expanded (seconds): 0 by default Duration of expansion after mouse focus loss: 0 by default Creative expands to the top: to the bottom by default Creative expands to the left: to the right by default

48

Video External player

Programming:
Placement : MPU tag Upload the.flv file (or any other file) + redirect URL in Smart Deactivate the video file Collect the local URL video file Integrate the local URL in the .swf file for the video call Upload the player in the same insertion as the video file and leave it activated

Options
It is possible to have several videos and players rotating in the same insertion It is possible to permanently integrate your player in Smart Adserver if you use it often

49

Video External player

50

Video Video trailer for external players

Definition
The video trailer allows you to avoid the integration of the local URL of the video file in the player You only need to integrate the variable file into the player for the video call Smart will automatically match the video and the player

Programming
Placement : MPU tag Upload the video file (.flv or any other) + redirect URL in Smart Leave the video file active Upload the player in the same insertion as the video file and leave it active Select the video trailer predefined script

Options
It is possible to have several videos per insertion, but only one player per insertion.
51