Sas Richmedia Agency En

8/3/2019 Sas Richmedia Agency En

http://slidepdf.com/reader/full/sas-richmedia-agency-en 1/51

London Berlin Paris Madrid Montreal



Flash files Specifications p 3..

Rich-Media scripts p 12

Video p 42

Overview

2



Clicktag p 4..

« Open/ Close » button p 5..

Flash files specifications

3



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;

4

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" ;

5

_ _

}

• 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



• If the flash contains a « close » button, the following function must be implemented :


on (release) {

getURL("javascript: pub_ist_collapse()");

}


on (release) {

flash.external.ExternalInterface.call "pub_ist_collapse" ;

Spec : expand-multidirectionnel

6

_ _

}




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



• If the flash contains an « open » button, the following function must be implemented:


on (release) {

getURL("javascript: pub_ist_expand()");

}


on (release) {

flash.external.ExternalInterface.call "pub_ist_expand" ;

Spec : expand-multidirectionnel

7

_ _

}





ExternalInterface.call("pub_ist_expand");

}

OpenButton_btn.addEventListener(MouseEvent.CLICK, onClic);

// OpenButton_btn is an example of button occurrence name in the creative



Spec : reveal• If the flash contains a « close » button, the following function must be implemented :


on (release) {

getURL("javascript: xClose()");

}


on (release) {

flash.external.ExternalInterface.call "xClose" ;

8

}





ExternalInterface.call("xClose");

}





• If the flash contains an « open » button, the following function must be implemented :


on (release) {

getURL("javascript: xOpen()");

}


on (release) {

flash.external.ExternalInterface.call "xOpen" ;

Spec : reveal

9

}





ExternalInterface.call("xOpen");

}

OpenButon_btn.addEventListener(MouseEvent.CLICK, onClic);

// OpenButton_btn is an example of button occurrence name in the creative



Spec : corner• As a complement to http://www.smartadserver.com/gestion/corner/ (Close button):


on (release) {

getURL("javascript: corner_hide()");

}


on (release) {

flash.external.ExternalInterface.call "corner_hide" ;

10

_

}





ExternalInterface.call("corner_hide");

}





Spec : corner• As a complement to http://www.smartadserver.com/gestion/corner/ (open button):


on (release) {

getURL("javascript: corner_show()");

}


on (release) {

flash.external.ExternalInterface.call "corner_show" ;

11

_

}





ExternalInterface.call("corner_show");

}

OpenButton_btn.addEventListener(MouseEvent.CLICK, onClic);

//OpenButton_btn is an example of button occurrence name in the creative



Introduction p 13

Floating + Banner p 14

Corner/ Peel-back ad p 17

Multi-expand banner p 20

Overlay p 24

Back round ima e 27

Rich-Media scripts

Interstitial p 30

Reveal p 33

Floating skyscraper p 36

Wall Script p 39

Glossary p 42

12



Introduction

All of the predefined rich-media scripts only work with creative hosted either onthe Smart ad servers or on a external server via an image redirect. They don’twork 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 specificationsand requirements.

In order to deliver properly a campaign via a Smart tag, the javascriptfunctionality of the browser must be activated. A flash plugin must also beactivated in order for the flash creative to play properly.

There is no weight limit for the creative however it is important to check thepricing 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

14

Specifications

• Original creative: 2 flash, gif or jpg files

• Buttons: Cf. the introduction



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

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:

• op o om- xe mage:

• 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 firstexpands when moused over or clicked on, then folds back the same way.

Demo

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

17

Specifications

• Original creative : 1 flash file

• Technical specifications necessary for creating the flash:http://www.smartadserver.com/gestion/corner/





Programming

• Placement : dhtml tag

• Select the « Corner » predefined script

• The flash containing the whole animation (Expansion AND Folding) is uploaded inthe images

• Beware, the flash file must be set with the "transparent" parameter

•

18




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

• rea ve e g w en o e p xe s :

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

S ecifications

20

• Original creative: 1 or 2 flash, gif, jpg files




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 twocreatives used

• If the expand must display some creatives alternately, upload the foldedcreative first then the expanded one

• If you only use one creative, make sure you specify the width and height ofthe folded creative

Options

• The image contains the flash or gif to display, of which only one part is initiallyexposed

• Two creatives displayed alternately (one folded, the other expanded)

21



Multi-expand banner

Parameters

• Alternate between 2 creatives (1 = folded, 2 = expanded): MANDATORY if 2creatives

• 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

• Do not hide objects and forms in the page while expanding: it allows you not tocover 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

24

Specifications

• Original creative : gif, jpg or flash file




Overlay

Programming:


• 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

• or zon a y cen re mage: yes y e au

• 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 tocover 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

27

Specifications

• Original creative : gif, jpg or png file

• Does not work with flash creative



Background image

Options

• It is possible to make the background clickable by uploading an URL with thecreative

Programming:


• Select the « background image » predefined script

• It is possible to tile it with some other formats in the page for a complete« branding » effect of the site with the advertiser’s 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

• o om- xe mage

• 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 (thebackground remains fixed)

29



Interstitial

Definition

• Displays a creative on a blank screen during a few seconds before displaying thesite page.

Demo

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

30

Specifications

• Original creative : flash, gif or jpg creative

• Dimensions : Depending on the support –

standard = 800x600




Interstitial

O tions

Programmation


• Select the « interstitial » predefined script

• The images contain the gif, jpg or flash creative

• The personalized script area can host the script to display

• 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 advertiser’s 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

• " "

• 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 whenopening and/or when moused over

Demo

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

S ecifications

33

• Original creative : 1 flash, gif or jpg file(It is not 2 alternating creatives!)




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)


• 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. Thebanner remains visible even when scrolling to the foot of the page.

Demo

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

36

Specifications

• Original creative : flash, gif or jpg file



Floating skyscraper

Options

• It is possible to activate it with any other formats

Programmation

• Placement : any fixed or dhtml tag

• Select the « floating skyscraper » predefined script

37

Fl i k



Floating skyscraper

Parameters

• Centered Site (Opposed to a left-fixed site)

• Site Width: MANDATORY - in pixels

• Vertical position from fix point : pixels, positive or négative

• Speed : from 1 to 10 pixels per second

38

W ll i t



Wall script

Definition

• Displays a leaderboard and a skyscraper simultaneously forming an L-shapedformat in the top right corner of the page

Demo

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

39

Specifications

• Original creative : 2 flash, gif or jpg files

W ll i t



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

Wall script

40

W ll i t



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 bydefault

Wall script

41

Gl



Glossary

Fix point

• The fix point of a creative depends on your browser window (and on not the site ortag used).

Background opaqueness

• It allows you to make an item more or less transparent but does not solve the z-index problem!

Z-index

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

42

• Utilisation trick: vertically top centred creative for the centred sites / top-left fixed

creative for non-centred sites

Video



Video file specifications p 43

Smart Players p 44

Video expand player p 47

External player p 49

Video trailer scri t for external la ers 51

Video

43

Video file Specifications



Video file Specifications

Definition

• A video campaign is programmed the same way as any other display or rich-mediacampaign

• 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

• Utilisation of another player

• 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

Video Smart players



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 :

• " "

• 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



Video – Smart players

46

Video Video Expand video



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 byselecting the expand player n°5 (it only works with this play er)

• 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



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):

• rea ve expan e on s ar up : no y e au

• Duration of expansion when self-expanded (seconds): 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



Video – External player

Programming:


• 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

• p oa e p ayer n e same nser on as e v eo e an eave ac va e

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





50

Video – Video trailer for external players



Video – Video trailer for external players

Programming

Definition

• The video trailer allows you to avoid the integration of the local URL of the videofile 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


• 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 perinsertion.

51

Documents

Sas Richmedia Agency En