Sr No. Content Pages

INDEX

1. Fully Customizable In-Footer (Rich Media) Guidelines

2. In-Footer Custom Skinning

3. In-Footer Video with Custom Skinning

4. In-Footer Fully Customizable Page Takeover

5. Fully Customizable In-Footer components

6. Fully Customizable In-Footer Rich Media Specifications

7. Fully Customizable In-Footer Universal Requirements

DISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

DISPLAY AD SPECS

i. In-Footer Video with Custom Skinning components

ii. Video Feed Integration

i. General Ad Specs (For Custom Skinning & Page Takeovers)

ii. Video Specifications

1

1

1

1-2

2-3

3

4

4

4-5

DISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

Fully Customizable In-Footer (Rich Media Ad Specs)

General Guidelines :(Irrespective of the Rich Media Format you choose)

Affinity’s Fully Customizable In-Footer gives you the ability to take rich media advertising to the next level. No longer will your brand

messaging feel creatively restricted by the choice of your media vehicle. It gives you complete freedom and flexibility to implement your

creative idea the way you see it fit, and as per your advertising objectives.

In-Footer Custom Skinning facilitates complete customization of the In-Footer ad unit, right from its dimensions to the way it interacts with

the user. An implementation example for the same is given below.

As the name suggests, this format allows you to showcase your video ad along with a branded skin. An implementation example is given

below.

An In-Footer Video with Custom Skinning consists of the following components:

1. The Video Player – The video player is the first entity that is loaded in the user’s browser. The player is then responsible for displaying

a video feed within itself.

2. The Video Feed – This is the actual video itself.

3. The Custom Skin – This is the branded skin creative in the background/foreground.

This Video Feed can be integrated into the player in one of two ways below:

1. Video hosted on Affinity’s Servers – If the video is hosted on Affinity’s servers, then you will have to specify the relative path of the

video within the player. If you are using this option, you will have to meet stricter size restrictions.

1. The creative must be sent to Affinity at least 5 working days before the campaign is expected to go live.

2. You must include all flash banners with source files (.fla) while sending the creative.

3. In formats where an Image file is required, you must include the Photoshop source file (.psd) whenever possible.

4. In case of any doubts about how the creative should be made, please contact your Affinity Account Manager.

DISPLAY AD SPECS

In-Footer Custom Skinning

In-Footer Video with Custom Skinning

Back

Back

Back

Back

Back

DISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

DISPLAY AD SPECS

2. Video hosted on your own Servers – If the video is hosted on your own servers, then you will have to specify the direct path

of the video within the player. If you are using this option, then do try and keep the video size to a minimum so as to ensure the

end user experience is not hampered.

NOTE: The creative can also include additional interactive features within the ad unit while the video continues to stream in the

background. An implementation example for the same is shown below.

This format gives the page takeover a whole new avatar. It begins with a custom designed In-Footer bar which interacts with the user via

video/animation as shown below.

In-Footer Fully Customizable Page TakeoverBack

DISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

DISPLAY AD SPECS

The entire creative comprises of a creatively customized In-Footer toolbar and a page takeover (includes image, flash or video files).

NOTE: The above Customized In-Footer Rich Media formats can be incorporated individually or as a combination of Custom

Skinning/Customized Page Takeover/Customized Video.

Fully Customizable In-Footer consists of the following components:

1. A mandatory ‘Hide’ and ‘Show’ button or ‘Close’ button for the In-Footer bar (whichever applicable).

2. A mandatory provision (space) to insert the ‘Ads by Affinity’ logo, next to the Hide/Show button.

3. A ‘Click to Expand’ link/’Rollover to Expand’ text on the initial flash banner (only if the ad involves an expanded form).

4. A close button after expansion (only if the ad involves an expanded form).

5. It can include any of the following type of media:

I.

ii.

iii.

iv.

Flash Banners

Flash Videos

Static Images

YouTube Videos

It then expands into a custom sized animation as the user hovers over the creative (see below).

Back

Fully Customizable In-Footer Rich Media Specifications

1. General Ad Specs (For Custom Skinning & Page Takeovers)

2. Video Specifications

Frame Rate

Animation

Frame Rate

Dynamic (customizable as per advertiser needs)

Dynamic (customizable as per advertiser needs)

Dynamic within viewable area (as per advertiser needs)

150 KB

48x40 (pixels)

48x25 (pixels)

150 KB

150 KB (inclusive of both flash files)

1 MB

18-24 FPS

Allowed

18-24 FPS

As per concept; else black/colour backdrop required to cover the site’s contents.

As per your Ad concept

100% of expanded limit

65 Characters

No Limit

Yes

5, 6 or 7

As per your Ad concept

Required when expanded

2.0 and above

2px (optional)

User Initiated or Auto-Play

Dimensions (Retracted)

Ad Type/ Ad Size

Background

Replay Text/Button

Dimensions (Expanded)

Max file size for Video Player

Area to Cover

Alternate Text Limit

Animation

Dimensions (Hide/Show Button)

Dimension (Ads by Affinity Logo)

Video Max Size (if video hosted by Affinity)

Size

Video Max Size (if video hosted by Advertiser)

Looping Allowed

Border (only for the Banner)

Audio Specifications

Flash Version

Replay Text/Button

Close Button

ActionScript

DISPLAY AD SPECSDISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

Fully Customizable In-Footer Universal Requirements

The following items are to be incorporated in all the flash creatives that we receive:

a. The flash creative must implement the clickTAG method. . A sample

clickTAG method is given below for your reference:

You can read more about the clickTAG method here

on (release){

if(_root.clickTAG.substr(0,5) == “http:”){

getURL(_root.clickTAG, “_blank”);

} }

The clickTAG must be included at all locations within the flash file, wherein clicking on that by the user, will redirect him/her to the target URL.

NOTE: The creative’s width should be set to 100% in case it extends beyond 1000 pixels.

Back

Back

Back

Back

b. For the rollOver (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to

expand:

c. For the rollOut (Mouse Out)/ Release (Mouse Click) you need to incorporate the following method, which causes the banner to

retract:

event,

on(rollOver) {

//JS Method used to expand the HTML Container:

getURL(“javascript:affFooterExpand();”);

//Additional Actionscript goes below

}

on(rollOver) {

//JS Method used to expand the HTML Container:

getURL(“javascript:affFooterExpand();”);

//Additional Actionscript goes below

}

DISPLAY AD SPECSDISPLAY AD SPECS

Get in touch with us at or Register advertisers@affinity.com HERE

on(rollOver)/(release) {

//JS Method used to expand the HTML Container:

getURL(“javascript:affFooterExpand();”);

//Additional Actionscript goes below

}

on(rollOut)/(release) {

//JS Method used to expand the HTML Container:

getURL(“javascript:affFooterRetract();”);

//Additional Actionscript goes below

}