INDEX. Sr. No. Content Pages. I. Fully Customizable In-Footer Universal Requirements

Transcription

1 INDEX Sr. No. Content Pages Standard In-Footer Standard In-Footer Expandable I. Standard In-Footer Expandable Universal In-Footer Video with Custom Skinning I. Fully Customizable In-Footer Universal Requirements In-Footer Custom Skinning I. Fully Customizable In-Footer Rich Media Specifications Standard In-Footer Page Takeovers I. Standard In-Footer Rich Media Universal Requirements In-Footer Fully Customizable Page Takeover

2 Standard In-Footer Ad Spot Canvas Toolbar Ad Format Media Type Ad Size Ad Unit Banner Flash & Image 728x90 Leaderboard Accepted File Types Flash GIF HTML Javascript/jscript JPEG Detailed Specifications for In-Footer Ad Unit Leaderboard (Image Banner) Leaderboard (Flash Banner) Dimensions 728x90 728x90 Maximum Size (KB) Target URL Character Limit 40 KB 40 KB 450 Characters 450 Characters Audio Specifications Animation NA NA NA Allowed Alternate Text Limit 65 Characters 65 Characters Extended Guidelines for your In-Footer creative: Audio must be user-initiated and never automatic. Audio insertion into the flash file may begin no earlier than the second frame. If audio is used, the creative must include an On/Off switch for users. Animation is limited to the first 15 seconds, looping is unlimited within 15 seconds. Use animation carefully - keep animation smooth and fluid, using slow motion and gentle fades. Fast and abrupt motion is highly irritating. Avoid experiences that 'break through' the page or abuse the content. Flash files require an FSCommand or ClickTAG (clicktag or clicktag format only) to be embedded in the file. A sample clicktag is illustrated below: on (release){ if(_root.clicktag.substr(0,5) == " geturl(_root.clicktag, "_blank"); Click destination URL must open into a new browser window or tab.

3 Standard In-Footer Expandable Ad Spot Canvas Toolbar Ad Spot An initial In-Footer Expandable expands automatically and interacts with the user via a video/animation. It then resolves to an interactive In-Footer bar. Additional content can be navigated to, from the persistent In-Footer bar. With more available real estate than traditional display media, these ad formats provide the perfect venue to showcase your brand. The expandable ad runs in current ad positions and can include nearly anything you can think of: dynamic data, video streaming, polling, interactive games, and more. A Standard Expandable consists of two components: 1. The Canvas - The primary content area. Its default size is 728x90 pixels with a 2 seconds delay after user initiation which expands to 728x300 pixels, centered over the In-Footer. 2. The Toolbar - The global controls for the unit contain Branding, Social (optional) & Show/Hide or Close Buttons. Initial 728x90 File Dimensions WxH Max File Weight Expanded 728x300 Flash File Max Dimensions WxH Max File Weight Expand Direction 728x90 40 KB 728x KB UP Detailed Specifications for Standard In-Footer Expandable Dimensions (Retracted) Dimensions (Expanded) Maximum Size Border (only for the Banner) Frame Rate ground Area to Cover Animation Looping Allowed Flash Version Replay Text/Button Close Button ActionScript 728x90 728x KB (inclusive of both flash files) 2px (optional) FPS As per concept; else black/colour backdrop required to cover the site s contents. 100% of expanded limit No limit Yes 5, 6 or 7 As per concept Required when expanded 2.0 and above

4 Standard In-Footer Expandable 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. You can read more about the clicktag method here. A sample clicktag method is given below for your reference: on (release){ if(_root.clicktag.substr(0,5) == " 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. b. For the rollover (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to expand: on(rollover)/(release) { geturl("javascript:afffooterexpand();"); c. For the rollout (Mouse Out)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to retract: on(rollout)/(release) { geturl("javascript:afffooterretract();");

5 In-Footer Video with Custom Skinning As the name suggests, this format allows you to showcase your video ad along with a branded skin. An implementation example is given below. Height For Video While Playing Show/Hide button - 48x40 px Ads by Affinity logo - 48x25 px No text, only translucent design preferably non-geometric shape Height 50 px Height for creative 100 px Height for video while playing px Width for creative px Height For Video After Playing Show/Hide button - 48x40 px Ads by Affinity logo - 48x25 px No text, only translucent design preferably non-geometric shape Height 50 px Height for creative 100 px Height for video after playing px Width for creative px Example - 1:

6 Example - 2: 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. 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.

7 Video Specifications Ad Type/ Ad Size Max file size for Video Player Video Max Size (if video hosted by Affinity) Video Max Size (if video hosted by Advertiser) Audio Specifications Animation Frame Rate Replay Text/Button Alternate Text Limit Total Width for Creative Height for Creative Height for Video Height for Video After Playing Dynamic (customizable as per advertiser needs) 150 KB 150 KB 1 MB User Initiated or Auto-Play Allowed FPS As per your Ad concept 65 Characters 1000 (pixels) 100 (pixels) upto 200 (pixels) while playing 100 (pixels) General Guidelines 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. 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. Flash Banners ii. Flash Videos iii. Static Images iv. YouTube Videos

8 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. You can read more about the clicktag method here. A sample clicktag method is given below for your reference: on (release){ if(_root.clicktag.substr(0,5) == " 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. b. For the rollover (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to expand: on(rollover) { geturl("javascript:afffooterexpand();"); c. For the rollout (Mouse Out)/ Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to retract: on(rollout)/(release) { geturl("javascript:afffooterretract();");

9 In-Footer Custom Skinning 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. General Guidelines 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. 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. Flash Banners ii. Flash Videos iii. Static Images iv. YouTube Videos

10 Fully Customizable In-Footer Rich Media Specifications 1. General Ad Specs Dimensions (Retracted) Dimensions (Expanded) Dimensions (Hide/Show Button) Dimension (Ads by Affinity Logo) Size Border (only for the Banner) Frame Rate ground Area to Cover Animation Looping Allowed Flash Version Replay Text/Button Close Button ActionScript Dynamic (customizable as per advertiser needs) Dynamic within viewable area (as per advertiser needs) 48x40 (pixels) 48x25 (pixels) 150 KB (inclusive of both flash files) 2px (optional) FPS As per concept; else black/colour backdrop required to cover the site s contents. 100% of expanded limit No Limit Yes 5, 6 or 7 As per your Ad concept Required when expanded 2.0 and above NOTE: The creative s width should be set to 100% in case it extends beyond 1000 pixels. 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. You can read more about the clicktag method here. A sample clicktag method is given below for your reference: on (release){ if(_root.clicktag.substr(0,5) == " 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. b. For the rollover (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to expand: on(rollover) { geturl("javascript:afffooterexpand();");

11 c. For the rollout (Mouse Out)/ Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to on(rollout)/(release) { geturl("javascript:afffooterretract();");

12 Standard In-Footer Page Takeovers x Ad Spot Canvas Ad Spot Canvas Toolbar Overlay Toolbar A Page Takeover, unlike an Expandable, takes over the entire viewing area of the user s screen. This gives a greater probability of the user viewing the ad and a better chance that the user will interact with the Ad Unit. A Standard Takeover consists of three components: 1. The Canvas - The primary content area. Its maximum expandable size is 900x535 pixels, centered in the browser. 2. The Overlay - The area outside of the Canvas. Its default colour is black at a 75% opacity. 3. The Toolbar - The global controls for the unit contain Branding, Social (optional) & Show/Hide or Close Buttons. Initial 728x90 Flash File Expanded Takeover Flash File Dimensions WxH Max File Weight Max Dimensions WxH Max File Weight Expand Direction 900x50 40 KB Dynamic Takes over the viewable area on screen 150 KB N/A Detailed Specifications for Standard In-Footer Page Takeover Dimensions (Retracted) Dimensions (Expanded) Size Border (only for the Banner) Frame Rate ground Area to Cover Animation Looping Allowed Flash Version Replay Text/Button Close Button ActionScript 900x50 The interactive content is centered dynamically to the viewable space, and is not constrained by size. 150 KB (inclusive of both flash files) 2px (optional) FPS As per concept; else black/colour backdrop required to cover the site s contents. 100% of expanded limit No limit Yes 5, 6 or 7 As per concept Required when expanded 2.0 and above

13 Standard In-Footer Rich Media 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. You can read more about the clicktag method here. A sample clicktag method is given below for your reference: on (release){ if(_root.clicktag.substr(0,5) == " 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. b. For the rollover (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to expand: on(rollover) { geturl("javascript:afffooterexpand();"); c. For the rollout (Mouse Out)/ Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to retract: on(rollout)/(release) { geturl("javascript:afffooterretract();");

14 In-Footer Fully Customizable Page Takeover 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. It then expands into a custom sized animation as the user hovers over the creative (see below).

15 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. Flash Banners ii. Flash Videos iii. Static Images iv. YouTube Videos Fully Customizable In-Footer Rich Media Specifications 1. General Ad Specs Dimensions (Retracted) Dimensions (Expanded) Dimensions (Hide/Show Button) Dimension (Ads by Affinity Logo) Size Border (only for the Banner) Frame Rate ground Area to Cover Animation Looping Allowed Flash Version Replay Text/Button Close Button ActionScript Dynamic (customizable as per advertiser needs) Dynamic within viewable area (as per advertiser needs) 48x40 (pixels) 48x25 (pixels) 150 KB (inclusive of both flash files) 2px (optional) FPS As per concept; else black/colour backdrop required to cover the site s contents. 100% of expanded limit No Limit Yes 5, 6 or 7 As per your Ad concept Required when expanded 2.0 and above NOTE: The creative s width should be set to 100% in case it extends beyond 1000 pixels.

16 2. Video Specifications Ad Type/ Ad Size Max file size for Video Player Video Max Size (if video hosted by Affinity) Video Max Size (if video hosted by Advertiser) Audio Specifications Animation Frame Rate Replay Text/Button Alternate Text Limit Dynamic (customizable as per advertiser needs) 150 KB 150 KB 1 MB User Initiated or Auto-Play Allowed FPS As per your Ad concept 65 Characters 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. You can read more about the clicktag method here. A sample clicktag method is given below for your reference: on (release){ if(_root.clicktag.substr(0,5) == " 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. b. For the rollover (Mouse Hover)/Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to expand: on(rollover) { geturl("javascript:afffooterexpand();"); c. For the rollout (Mouse Out)/ Release (Mouse Click) event, you need to incorporate the following method, which causes the banner to retract: on(rollout)/(release) { geturl("javascript:afffooterretract();");