Miniclip TECHNICAL SPECIFICATIONS

Transcription

Miniclip
TECHNICAL
SPECIFICATIONS
Last update: 27/02/2015
Miniclip Ad Spaces Technical Specifications
Contents
I.
Ad Formats Overview ...................................................................................................................................................................................................................... 3
728x90 Leaderboard ............................................................................................................................................................................................................................. 3
300х250 Medium Rectangle .............................................................................................................................................................................................................. 4
728x90 Leaderboard Expandable .................................................................................................................................................................................................... 5
300x250 expandable Medium Rectangle ..................................................................................................................................................................................... 6
Homepage Takeover ............................................................................................................................................................................................................................. 7
Toggle- Skin.............................................................................................................................................................................................................................................. 9
Roadblock ................................................................................................................................................................................................................................................12
Pre-roll & Mid-roll video ad ............................................................................................................................................................................................................13
Super Showcase .........................................................................................................................................................................................................................................14
Super Showcase with Overlay ..............................................................................................................................................................................................................15
Floor-ads .......................................................................................................................................................................................................................................................19
II.
General Guidelines..........................................................................................................................................................................................................................20
Creative Acceptance Policy (CAP) ..................................................................................................................................................................................................20
Messaging – Creative requirements .............................................................................................................................................................................................20
Navigation & functionality - Creative requirements .............................................................................................................................................................21
FLASH - Creative Specifications .....................................................................................................................................................................................................21
HTML requirements .............................................................................................................................................................................................................................22
Rich Media requirements ..................................................................................................................................................................................................................22
3rd Party ...................................................................................................................................................................................................................................................22
2
I.
Ad Formats Overview
728x90 Leaderboard
Width
728
Height
90
File Weight
40k
Standard Creative
File Type
rd
Image (GIF,JPEG,PNG), SWF, 3 party
code*
Subsequent streaming video file / Subsequent files
2mb / Max 4 60Kb files
* For more details on flash files specifications please see relevant section below
rd
* Rich media creatives must be launched from a 3 party code
* 728x90 is NOT supported at Homepage
* Receipt of the banners is 3 working days before the starting date of the campaign
3
300х250 Medium Rectangle
Width
300
Height
250
File Weight
40k
Standard Creative
File Type
rd
Image (GIF,JPEG,PNG), SWF, 3 party
code*
Subsequent streaming video file / Subsequent files
* For more details on flash files specifications please see relevant section below
rd
* Rich media creatives must be launched from a 3 party code
* Receipt of the banners is three working days before the starting date of the campaign
4
728x90 Leaderboard Expandable
Width
728
Height
Expandable Creative
File Type
File Weight
Subsequent streaming video file /
Subsequent files
rd
90
40k
3 party code*
* Rich media and/or expandable creatives must be launched from a 3rd party code
Full Expanded Size
Width
Height
728
315
Panel Expansion Direction
Down
Important Notes:
 Expandable banners are supported only by 3rd Party Media Vendors.
 All expandable banners must have close button.
 Banners should expand on user interaction. Auto expansion is not allowed.
 Expandable Banners are not available in Game pages.
 Format: Flash, rich media, video unit, gif, jpeg. Any flash, rich media or video unit must have a jpeg/gif backup.
 Receipt of the banners is 3 working days before the starting date of the campaign file
5
300x250 expandable Medium Rectangle
Width
300
Height
Expandable Creative
File Type
File Weight
Subsequent streaming video file /
Subsequent files
rd
250
40k
3 party code*
* Rich media and/or expandable creatives must be launched from a third party code
Full Expanded Size
Width
Height
500
250
Panel Expansion Direction
Left
Important Notes:
 Expandable banners are supported only by 3rd Party Media Vendors.
 All expandable banners must have close button.
 Banners should expand on user interaction. Auto expansion is not allowed.
 Expandable Banners are not available in Game pages.
 Format: Flash, rich media, video unit, gif, jpeg. Any flash, rich media or video unit must have a jpeg/gif backup.
 Receipt of the banners is 3 working days before the starting date of the campaign file
6
Homepage Takeover
A homepage takeover consists of a customized static wallpaper and a 300 x 250 advert. The static wallpaper can relate to (or
interact with) the 300 x 250 unit. Takeovers offer an impactful roadblock of your brand on the Miniclip.com Homepage, Category
pages and Game pages.
Medium Rectangle:
Please refer to 300x250 Medium Rectangle technical specifications above
Static Wallpaper element:
Important notes:






File type: static image (Jpeg/Gif/Png)
Maximum weight: 140k
The takeover header (above the site layout) is always 136 pixels high.
The body of the Miniclip site is 1010 pixels wide. Any content intended to be visible to the left or right of the site body
should be included outside of this area.
The free space right and left of the content space depends on user screen resolution. It is recommended that any
important information, such as text or logo, is displayed in the header and not in the gutters.
It’s important to remember that around 25% of miniclip’s users have a widescreen monitor of 1024 pixels or smaller. If we
use an image more than 1200px wide for a homepage takeover, its edges and any information contained in them won’t be
visible for a large section of the audience, and the campaign’s impact may be affected.
Receipt of the banners is 3 working days before the starting date of the campaign file
7
For example, this wide background image looks good on a large monitor...
…but doesn’t make sense on more modest monitors.

Please note that the whole 1600x2960 wallpaper space should be filled. Do not leave any blank space. The Miniclip content
is displayed on 1010x2600.

Around 75% of miniclip’s users do have widescreen monitors bigger than 1024 pixels. In order to ensure the takeover
looks good for them as well it is recommended that the takeover skin is designed with a gradient on all sides. The last pixel
should be the same color on all sides so that the HTML color can be set to match that color.

BEST PRACTICE: Please supply the completed takeover file in JPEG format and also as a layered PSD within the
template provided. This will allow us to make any minor changes quickly and easily where necessary. If this is not possible
we are also happy to accept GIF or PNG files of the background image provided they are within the file size limits outlined
above. Also please supply the relevant destination URL. This one can include a click tracker and must be an absolute URL
Clickable Takeover:
Only the takeover header is clickable. For the best performance we recommend placing a clear call-to-action. The clickable area size
is 1010x100 pixels. The guide size is available in the takeover templake PSD. The clickable area is automatically generated and
overlaid on your takeover image. There is no need to create extra banners.
8
Toggle- Skin
9
Live Demo: http://adtest.miniclip.com/games/en/?keyword=CorporateSTROTGNov12
Users can change the takeover skin by clicking on the characters appearing on the 300x250.
For the best performance, we strongly recommend to make it obvious that the characters are clickable (by highlighting characters,
adding a short and concise sentence like “Pick your favourite” or “Click to choose your...”, making characters floating...).
Takeover skin:
Please refer to the Takeover skin technical specifications above
10
Interactive 300x250 – Flash Unit
The template FLA file provides you with an idea of how the 300x250 passes the user choices to the API.
function handleButton1Click() {
trace("1 clicked");
changeToBackground(1);
}
function handleButton2Click() {
trace("2 clicked");
changeToBackground(2);
}
functionchangeToBackground(bgNumber) {
fscommand("changeToBackground",bgNumber)
}
button1.onRelease = handleButton1Click;
button2.onRelease = handleButton2Click;
This simple set of commands will track when a user clicks on a button, run the corresponding function for that button, and pass the
number of the button that has been clicked to the JavaScript API via the fscommand function.
You can have up to four buttons corresponding to four background images. Simply duplicate the commands and functions as
necessary.
11
Roadblock
User experience: advertisement simultaneous displayed on leaderboard and medium rectangle.
Width
728
Height
90
File Weight
60k
Standard Creative
Click-thru URL Limit
253 characters
Width
300
Height
250
File Weight
60k
Expandable Creative
Click-thru URL Limit
253 characters
File Type
rd
Image (GIF,JPEG,PNG), SWF, 3
party code*
File Type
rich media*
Important Notes:
 For roadblock, it can only expand one of its units either leaderboard or middle rectangle (for detailed specs please refer
to the relevant sections above: expandable banners)
Rich media creatives must be launched from a third party code
 *Receipt of the banners is three working days before the starting date of the campaign file.
12
Pre-roll & Mid-roll video ad
User experience: Pre-roll and Mid-roll ads are 10 to 30 seconds videos running in specific Miniclip games. Above is an example of
a pre-roll video on Zombotron. There is an indication of the video duration and a clear “Advertisement” notification for our users’
st
rd
th
ease of use. Miniclip users will see the video only for the 1 , 3 and 5 game and will see it completely without being able to skip
it.











The video file type must be .mov or .flv
The video size is typically 600x400 (larger if .mov)
FPS: 24-30 max
The ad video length must 10 to 30 sec
The video file size must be max 5MB once encoded to FLV ( for a .mov that could be max 15MB)
Sound is automatically on but can be turned off by the users
Auto play is on
The video player used is JW player with OVA plugin
Video is clickable. Please provide us with a click url
rd
For 3 party tags please provide us with VAST 2.0 tags that have your own impression tracking and the relevant
destination within
*Receipt of the banners is three working days before the starting date of the campaign file
Important notes: At the end of the campaign we will provide you with a report displaying:

Impressions (Started plays)

Clicks and CTR

Midpoint plays

Complete plays and competion rate
13
Super Showcase
A super showcase is a 970x250 unit combined with a 300x250 unit.
User experience: Users coming to Miniclip will see a 970x250 unit below the navigation bar. They will be able to close this
970x250 unit completely by clicking the “Close ad” button. Once closed, users can show the ad again by clicking the “Show ad”
button. The “Close” and “Show ad” buttons will be automatically available on Miniclip.com when a super showcase unit is live.
Important Notes: If combined with a takeover, the super showcase unit will blend seamlessly with the takeover skin. To facilitate
this we strongly recommend designing the super showcase unit using a transparent background. Therefore the takeover skin will
become the super showcase background.
Unit specification:
Width
970
Height
250
File Weight
40k
File Type
Flash
14
Max Subsequent File Size
300Kb

Max Flash Version: Version 9 preferable/ Version 10 can also be allowed

ActionScript Version: 2.0 or 3.0

Max Flash Rate: 24 fps or less

Link: will include link to Partner’s site for each button. The landing pages must open into a new window. You must be able
to track clicks on each button.

Sound: Sound off upon load with clear “sound ON”/ “Sound OFF” button on creative

Animation: Total duration 5 seconds max immediately after page load (including overlay and video) “play again” button at
the end of the animation (should restart the entire animation and video) “stop” button to stop the animation & video at
any time


Max Video duration: 30 seconds can be longer, but must automatically pause after 30 seconds.
Video codec: MPEG-4 AVC (H.264), ideally in an FLV video container, 2 Mb max, externally loaded
Super Showcase with Overlay
The super showcase unit also allows overlays. The overlay needs to expand to the top of the page. Keep in mind that the overlay
zone should not be completely filled with a billboard or similar. It is rather intended as an area for characters or objects related to
your product to put on a funny/interesting short display.
15
Unit specifications:
It needs to appear on the first impression (frequency capped at one per 24 hours).

Showcase dimensions: 970x250

Overlay: Varies, when we design, we can adapt the size of the overlay according to the size of the user’s screen

File size: 40Kb (subsequent max 300Kb)

Overlay size: 100Kb

File types: swf

Animation (overlay): 5 sec (animation of overlay + showcase video must stop within 30 seconds)

Looping: Yes, but all animation must stop within 15 seconds (overlay must stop after 5 seconds)

3 Party Tracking: Yes
rd
16
//please place all the code below on the first frame of your overlay animation//
//customizable overlay start function//
////////////////////////////////////////
//this function will be executed when the overlay start signal is sent by the host page
function msaOverlayStartCustom():void
{
//your custom code to start the overlay animation
}
//please execute this when your overlay animation is loaded and ready to be played:
msaOverlayReady();
//you may simply want to execute msaOverlayReady(); on the first frame of your overlay animation
if
your creative do not need to load secondary contents.
//please execute this at th beginning of your time-line or to the start event of your
animation:
msaOverlayStart();
//please execute this at th end of your time-line or to the complete event of your animation:
msaOverlayCompleted();
//////////////////////////
//do not edit code bellow//
/////////////////////////////
//library for communication//
/////////////////////////////
import flash.external.ExternalInterface;
////////////////////////
//overlay ready signal//
////////////////////////
//this function tell the host page that the overlay animation is ready
function msaOverlayReady():void
{
ExternalInterface.call("msaOverlay.status", "ready");
}
////////////////////////
//overlay start signal//
////////////////////////
//this function will be executed when the overlay start signal is sent by the host page
function msaOverlayStart():void
{
msaOverlayStartCustom();
ExternalInterface.call("msaOverlay.status", "started");
}
///////////////////////////
//overlay complete signal//
///////////////////////////
//this function tell the host page that the overlay animation is done
function msaOverlayCompleted():void
{
ExternalInterface.call("msaOverlay.status", "completed");
}
//////////////////////////
//do not edit code above//
//////////////////////////
//please place all the code above on the first frame of your overlay animation//
////////////////////////////////////////////////////////////////////////////////
17
Takeover skin: For each takeover skin, please supply the completed takeover file in JPEG format (max 140kb) and also
as a layered PSD. This will allow us to make any minor changes quickly and easily where necessary. If this is not possible we are also
happy to accept GIF or PNG files of the background image, provided they are within the file size limits outlined above. If you want
the takeover header to be clickable, please supply a click tracking URL to record clicks at your end.
Super showcase unit: Please supply a 3rd party redirect tag. Please ensure this wil enable you to track clicks on the different
buttons at your end.
300x250
3rd party redirect : Please supply tags that have your own click tracking and the relevant click destination within.
Creative files: Please supply creatives in the right format. clickTAG/ClickTag must be included. Please supply the relevant click
destination URL. This one can contain a click tracker if you wish to track clicks at your end.
Overlay (if applicable): A transparent SWF with our custom code (see previous page) inserted in.
18
Floor-ads
Floor-ads are expandable ads that expand on mouse-over and are positioned at the bottom of the page. They are available on the
Homepage and Category Pages.
Short Description:
This ad unit sits at the bottom of the page and covers the width of the window (independent of browser or window size).
It expands on mouse-over and can combine both video and animation.
Choose this if you would like:
Your ad to always be visible by the user once seen
Take advantage of the new ad-space at the bottom of the screen
Ad unit specs
Format: rich media (.swf)
Size: Height 220 pixels expanded / 75 pixels collapsed
FPS: 24
Primary file weight: Up to 40KB
Subsequent file weight: Up to 200KB
Animation duration: 15 seconds max
Video duration: 30 seconds maximum, “pause” button to pause the video at any time
Video size: 2.2MB maximum
Sound: “sound OFF” upon load; with clear “sound ON/sound OFF” button on creative
Auto-play: Yes
19
II.
General Guidelines
Creative Acceptance Policy (CAP)
Accepted File Types
Flash 9-10, GIF, HTML, HTML (No Forms), Javascript/jscript, JPEG
IMPORTANT NOTES:
Max frame Rate: 24fps or less
Max Flash Animation Duration: 15s
Animation and looping limitation: animation is limited to first 15 seconds, looping is unlimited within 15 seconds.
Use animation carefully: Keep animation smooth and fluid, using slow motions and gentle fades. Fast and abrupt motion has been
shown to be highly irritating. Avoid experiences that 'break-through' the page or abuse the content. Looping/re-plays: must be
user-initiated
Click-through landing page: must open into a new window
Audio used: must be user-initiated and never automatic. Audio must be muted when first played. If audio is used, creative must
include an On/Off switch for users
Max Video duration: 30 seconds
Video codec: MPEG-4 AVC (H.264), ideally in an FLV video container
Video loads automatically and replays: must be user-initiated
Video Controller buttons: such as “Play, Pause, Stop, Sound On/ Off, Volume” etc should be implemented inside the submitted
creative
Flash files require ClickTag to be embedded in the file
Data Reported: Ad requests and click-through. We cannot guarantee 3rd party served creative reporting within our reporting
system.
Messaging – Creative requirements
Not allowed

Ads that do not incorporate advertiser's logo or advertisers name.

Destination pages linked from an ad that does not include the products/ offers shown in the ad.

Messaging or offers that mislead the user.

Racy content that is not representative of the products/services being offered.

Text that is not representative of the products/services being offered.
Text which can be interpreted as misleading or invites a user to an experience which is not predictable to the product/service being
offered.
Creative requirements: animation
Not allowed

Repetitive, rapid flashing, or blinking animation
Best to avoid

No animation in excess of 15 seconds (see the individual product creative specs)

Cycling of sequences/ looping/ repeat animation

Animation that does not tie into the messaging/product/offer.

3 loops within 15 seconds
20
Navigation & functionality - Creative requirements

Creative submitted by or on behalf of an advertiser shall not:
o Utilize fake html or images that elicit unexpected behaviors. Examples of these include but are not limited to:

Static images of: drop down menus, text boxes, scroll down menus, radio buttons, etc., that are not fully
functional
o Utilize any element designed to generate a click without relevant information or content at the destination.
o Utilize 'Focus' commands to make the ad the active window
o Utilize 'fake' "Close" icons (for example: when you close an ad, it should close it and not trigger 'unexpected'
behavior such as another ad, page, etc.)
o Utilize 'mouse trapping' whereby the advertiser does not allow users to use their 'back button' and traps them on
their site

Ad cannot:
o Perform an automatic download of any kind to a user's system or present a download dialog box without first
presenting detailed information to the user about the download and then requiring the user to click.
Sound
o
o
o
o
Audio can only be user-initiated and can never start automatically.
If a mouse-over is used, the sound can only start when the user hovers on the creative with his/her mouse. The audio has
to stop when the mouse is not longer upon the creative.
A sound icon must always be present in the creative.
Best practice: Audio insertion into flash file may begin no earlier than the second frame. All added audio is subject to
editorial approval.
FLASH - Creative Specifications
•
ActionScript 2 or 3is compatible with Thinkdigital Network sites.
•
The clicktag must be hard-coded into the Flash ad before the ad is compiled into an SWF
file.
Clicktag compatible means that the ad must have the following code included in its action
•
AS2
Will be added to the main function button

on (release)
{ getURL (_root.clickTAG,"_blank"); }
AS3
Will be added to the main function button

thisBTN.buttonMode = true;
var flashVars:Object = LoaderInfo(this.root.loaderInfo).parameters;
thisBTN.addEventListener(MouseEvent.CLICK,clickHandler);
function clickHandler(e:MouseEvent){
if(flashVars. clickTAG){
navigateToURL(new URLRequest(flashVars.clickTag),'_blank'); }}
21
HTML requirements
•
•
•
File format can either be HTML or TXT
For ad code from another ad server, file must be third party click tracking enabled
All DHTML creative submissions must have an accompanying default graphic that is shown to users who do not have IE 4.0 or
higher
Rich Media requirements
•
Special attention: Rich media creatives (i.e. expandable banners, in-banner video ads e.t.c.) must be Flash based creatives
launched from a Javascript-based, third party tag.
3rd Party
ThinkDigital currently accepts tags from the following third party sources:
• Eyeblaster
• Motif
• Eyewonder
• Unicast
• Pointroll
• Bluestreak
• Brightroll
• MediaPlex
• DART
• Specific Media
• Zedo
• Tribal Fusion
• Ad Shuffle
• True Effect
• Ad Tech
• Open Ads
• Atlas
• Doubleclick
• Adman
22

Miniclip TECHNICAL SPECIFICATIONS

Transcription

Similar documents

Miniclip TECHNICAL SPECIFICATIONS

Miniclip TECHNICAL SPECIFICATIONS

TV ART DESIGN

Add one sheet

Computer Game and Animation Design

Guidelines for banner ads on eb.dk

Alterra 500 XT » Arctic Cat

Click Here for the Complete Comuta-car Manual

NationalBankforAgriculture andRuralDevelopment

Revenue GeneRaTinG OPPORTuniTies FOR YOuR

Sponsor Packet (PDF 20KB)

duetlex pdf - urontv.com

Spezifikationen Werbemittel

Land Bridge: Theory of Migration

Overlay!Networks! - Secção de ASC