THINKDIGITAL. ZOO Ad specifications

Transcription

1 THINKDIGITAL ZOO Ad specifications Last update: 30/08/2012

2 Contents ZOO: Advertising Opportunities... 3 Large Rectangle 300x Leaderboard 728x Skyscraper 120x Newsletter 520x Ad Specifications for 300x250, 728x90, 120x x Desktop Branding (variant)... 8 Ad Specifications for Dock Desktop Branding... 8 Splash Screen 600x Ad Specifications for Splash Screen Desktop Icon Branding Ad Specifications for Desktop Icon Branding Dock Icon Branding Ad Specifications for Icon Branding Alerts 180x Ad Specifications for Alerts General rules for creating ZOO banners Additional Ad Specifications for Video Ad

3 ZOO: Advertising Opportunities Large Rectangle 300x x250 Games Standard Creative Width Height File Weight Required Files k *.fla, fonts, click url, image source(optional *see below for additional ad specifications 3

4 Leaderboard 728x90 728x90 Profiles Standard Creative Width Height File Weight Required Files k *.fla, fonts, click url, image source(optional *see below for additional ad specifications 4

5 Skyscraper 120x x600 Casino Standard Creative Width Height File Weight Required Files k *.fla, fonts, click url, image source(optional) *see below for additional ad specifications 5

6 Newsletter 520x210 Standard Creative Width Height File Weight Required Files k *.fla, fonts, click url, image source(optional) *see below for additional ad specifications Important note: all required files must be received 2 days before send date. 6

7 Ad Specifications for 300x250, 728x90, 120x x210 All posted.fla files should have 2 layers. The first layer should include a movieclip with instance name banner which will include the animation of the banner (no on stage animation) and the second layer should have the following action: this.banner.onpress = function() { geturl(clicktag, _blank ) }; stop(); Variable clicktag will get a value once the banner is loaded and onenterframe event is executed. Please keep in mind that the background of the banner is not the one defined in stage properties. You need to create a layer inside the banner movieclip which will have a shape symbol with a colour of your choice. If such a layer is not included, the banner will have a white background when loaded inside zoo.gr. 7

8 Desktop Branding (variant) Standard Creative Width Height File Weight Required Files Up to 1920 Up to k *.fla, fonts, click url, image source(optional) *see below for additional ad specifications Ad Specifications for Dock Desktop Branding The size of the fla document must be set to 1920x1440 (Figure 1), which is equal to the zoo.gr web site area. 8

9 Figure 1 At the stage of the fla document two movie clips must exist (preferably in different layers). The first movie clip is the background of the zoo.gr web site (e.g. background_mc), the second movie clip is the banner movie clip where all the animation takes place (e.g. banner_mc) (Figure 2) The background movie clip must: Have dimensions 1920x1440 (same as the document size). Be left and top aligned with the stage. Be visible below the banner movie clip. Note: If you do not want to create a background with your banner you can set the background movie clip color alpha property to 0%. The banner movie clip must: NOT contain movie clips, graphics or images, whose bounding boxes, at any frame exceed the document size (1920x1440), this applies for masked assets too. Be horizontally and vertically aligned with the centre of the background movie clip. Must have width up to 700px and height up to 450px. Be visible above the background movie clip. 9

10 Figure 2 An actions layer must be also created at the main frame. Needed actions are: this.banner.onpress = function() {geturl( clickurl, _blank )} this.geturl( imgsrc, admanframe ) stop(); Strings clickurl and imgsrc are provided by the media shop that does the trafficking for the campaign. Variable banner is the instance name of the banner movieclip. Figure 3 10

11 The desktop branding must not loop and should remain static after its animation finishes. If it won t stop then our application will automatically stop all animation of desktop branding within 60 seconds. There are four resolutions that are most commonly used by computer users, 800x600, 1280x800, 1600x1200 and 1920x1440. Figures 4 and 5 show the area that will be visible to a zoo.gr user according to the resolution he has set his computer at. Figure 4 11

12 Figure 5 Figure 5 presents the visible impact of a creative larger than the user s screen resolution. Important information is not visible by the user. Visible area may also be limited by user s activated browser toolbars. Best Practice: make sure that all important information (logos etc) is included on the red area of height up to 600 pixels, as shown in figure 4. Sound can be added to desktop branding campaigns only. Also, sound should loop once only. Desktop branding campaigns may be animated but animation should not loop. Video can be included to desktop branding campaigns. The video file must be externally hosted and called through the banner s movie clip. 12

13 Splash Screen 600x x500 Games 600x500 Chat Standard Creative Width Height File Weight Required Files k *.fla, fonts, click url, image source(optional) *see below for additional ad specifications Special Notice: a 300x250 banner can optionally be displayed centered in the Splash Screen Ad Specifications for Splash Screen The games and chat intro banners should have a maximum duration of 12 seconds (12 x 30 fps = 360 frames). After the passage of 15 seconds the banner is unloaded and the application (chat or game) is loaded. Make sure that the duration is even shorter than 15 seconds if you want the user to read your selling line. 13

14 Desktop Icon Branding Tooltip 14

15 Standard Creative Width Height File Weight Required Files k Transparent PNG, icon title, click url, image source(optional), tooltip text(optional) *see below for additional ad specifications Ad Specifications for Desktop Icon Branding Icon Branding consists of a 48x48 transparent PNG image and accompanying icon title. Optionally, you can use the tooltip (see tooltip image above). Icon title must be up to 12 characters including spaces. Tooltip text must be up to 72 characters including spaces Best Practice: Even though tooltip is optional, it s best to use it for better campaign awareness. 15

16 Dock Icon Branding Standard Creative Width Height File Weight Required Files k Transparent PNG, text, click url, image source(optional) *see below for additional ad specifications Ad Specifications for Icon Branding Icon Branding consists of a 48x48 transparent PNG image and accompanying text. Text must be up to 14 characters including spaces. 16

17 Alerts 180x150 Standard Creative Width Height File Weight Required Files k jpg/gif, click url, image source(optional) *see below for additional ad specifications Ad Specifications for Alerts Alerts appear 2 5 minutes after the user logins, and only once every user session. Text can also be served, as long as it is typed in the180x150 pixels image. Age, gender and area targeting is available. Reporting available: impressions, clicks, unique impressions, unique clicks. 17

18 General rules for creating ZOO banners The published swf files should target Flash Player 7, there is a minority of zoo.gr users who still have old flash versions (i.e. 7) installed to their web browsers. Banners should run at a frame rate of 30 frames per second. The zoo.gr environment operates at this frame rate and banners created with a different frame rate will not be displayed properly. Macromedia Flash MX 2004 or Macromedia Flash 8 is required for the creation of the banners. Alternative flash authoring tools (e.g. SWiSHmax) should not be used to create the banners. The swf files produced by such tools are incompatible with the zoo.gr platform and will not be displayed properly. 18

19 If you use ActionScript in your banners NEVER reference _root or _global properties. Use relative property references instead with this and _parent keywords. Allowed actions are only basic movieclip actions like gotoandplay(), stop(), play() etc. Currently only ActionScript 2 is compatible with Zoo.gr. All banners in the first keyframe of the first layer should include the following action: System.security.allowDomain( * ); All banners should be swf. If your creative is a gif or jpg please convert it to swf. It is not possible to load external swf or flv files that reside in the server. Each banner should have embed assets loading of external files is not possible. Additional Ad Specifications for Video Ad Video spots appear once in every user session, before the user actually sees a video in zootv. All video spots should have duration of up to 20 seconds and they will be delivered to 320x240 pixels. It is recommended to post the video file in as better quality as possible. In order to find desktop branding examples please navigate to This area includes a showcase of some desktop branding campaigns and direct links to our test environment for desktop brandings and to an always updated version of this draft. 19