RECTANGLE 300×250 VIDEO

  • rectangle-expangin-video

    rectangle-expangin-video

Materiali da inviare via mail all’indirizzo operation@mediamond.it – con in copia l’indirizzo email dell’account di riferimento. Almeno 3 giorni lavorativi prima della messa online. E’ fortemente consigliato indicare nella mail di consegna materiali i seguenti dettagli: nome Inserzionista, nome campagna/prodotto e data di messa online.
IMPORTANTE: linee guida obbligatorie per la pianificazione su Boing e Cartoonito. >> Scarica PDF<<
Dimensioni 300×250
Esclusivamente per i videobox non espandibili è possibile fornire solo un video più due immagini di backup (obbligatorie).
In questo caso i materiali da fornire sono i seguenti:
– 1 Video MP4 640×360 600 Kbps (Audio+Video)
– 1 JPG/GIF 300×250 Max 30 Kb
– 1 JPG 640×360 Max 40 Kb
Verrà usato un nostro player con sfondo nero e controlli play/pausa/muto.
Formati HTML5 + JPEG/GIF 30 Kb
Video MP4 600 Kbps (Audio+Video)

E’ altamente consigliato specificare un’immagine nell’attributo “poster” del tag video.
Questa immagine verrà richiamata durante il buffer del video e nei casi in cui lo stesso non possa partire in autoplay.
Cliccare qui per maggiori informazioni.

oppure

SWF 40 Kb + JPEG/GIF 30 Kb
Video MP4/FLV 600 Kbps (Audio+Video)

oppure

Versione espandibile in Flash
SWF 40 Kb + SWF EXPANDING (480×400) 60 Kb + JPEG/GIF 30 Kb
Video MP4/FLV 600 Kbps (Audio+Video)

oppure

Javascript Redirect No Iframe

E’ altamente consigliato specificare un’immagine nell’attributo “poster” del tag video.
Questa immagine verrà richiamata durante il buffer del video e nei casi in cui lo stesso non possa partire in autoplay.
Cliccare qui per maggiori informazioni.

Opzioni URL / Click Command , Tracking Pixel

Dettagli Specifiche

JPEG/GIF Rispettare le dimensioni e il peso.
JS REDIRECT No Iframe Redirect
Specifiche video:
1 video MP4 600 Kbps (Audio+Video)
L’ultimo fotogramma del video NON deve essere “nero”.
Il file video può essere anche depositato su un server.

HTML5

E’ altamente consigliato inserire un’immagine di backup come “poster” nel tag “video” (deve avere le stesse dimensioni del video, non della creatività). Questa immagine verrà visualizzata durante il buffer del video o in caso di problemi (in questi casi, se non presente, verrà mostrata un’area nera).
Esempio: <video width=”X” height=”Y” autoplay controls autobuffer muted poster=”sfondo.jpg”/>
– I materiali devono essere forniti in un unico file zip con i path relativi (non assoluti (*))
Il video deve essere richiamato direttamente dall’html tramite tag “video” e deve essere inserito nello zip
– Il video deve partire tassativamente con AUDIO OFF
– E’ consentito un solo file html
– Non è possibile utilizzare chiamate AJAX
– E’ consentito un solo file CSS esterno
– E’ consentito un solo file JS esterno
– E’ consentito un solo file JSON esterno
Peso totale immagini 300KB
– Il materiale dovrà puntare ad una sola landing page
– Il link di destinazione dovrà aprirsi in una nuova finestra e avere come target “_blank”
– Non inserire il link diretto di destinazione ma http://landingpage.ad.dotandad.com; il link diretto di destinazione dovrà essere fornito a parte
– I materiali saranno erogati in un iframe FIF compatibile

Banner expanding

Nell’html devono essere inseriti due pulsanti, uno di apertura ed un altro di chiusura.
Ad es. “Espandi” quando il banner è chiuso e “Chiudi” quando il banner è aperto.
Questi pulsanti dovranno richiamare, rispettivamente, le funzioni di apertura e chiusura.Funzione di apertura:
advExpandBox();

Funzione di chiusura:
advCollapseBox();

Esempi di espansione al click:

Apertura
<a href=”javascript:advExpandBox();”>Espandi</>
oppure
<img src=”espandi.jpg” onclick=”advExpandBox();” />

Chiusura
<a href=”javascript:advCollapseBox();”>Chiudi</>
oppure
<img src=”chiudi.jpg” onclick=”advCollapseBox();” />

Esempi di espansione on mouse over:

Apertura
<div onmouseover=”advExpandBox();”>[contenuto html]</div>
oppure
<img src=”banner.jpg” onmouseover=”advExpandBox();” />

Chiusura
<a href=”javascript:advCollapseBox();”>Chiudi</>
oppure
<img src=”chiudi.jpg” onclick=”advCollapseBox();” />

Tools di creazione HTML5 già testati:
– Google Web Designer
– Adobe Flash Canvas
– Adobe Edge
– Materiali flash convertiti con Swiffy , previo controllo da parte dell’agenzia del corretto funzionamento con l’eventuale video che deve puntare a un file nella stessa directory del file di esportazione.

I nostri test si sono limitati a conversioni basilari.
Questi tools non sempre riescono a convertire correttamente i file swf o a realizzare creatività html5 perfettamente funzionanti.
Ad esempio potrebbero verificarsi problemi con i banner expanding o con i banner contenenti video.
Potrebbe essere necessario intervenire manualmente sul codice.


(*) Supponiamo che la creatività sia composta da un’immagine (image.jpg) e da un file html che punta all’immagine. Il cliente dovrà inviare questi file in un unico .zip che li contiene entrambi e nel file html l’immagine non dovrà avere un percorso assoluto – ad es. C://Cartella/File/Immagini/image.jpg ma relativo, ovvero image.jpg

Tutti i file scaricabili da questa pagina possono essere suscettibili a variazioni imputate ad aggiornamenti Internet o variazioni editoriali. Verificare eventuali dubbi contattando OPERATION di Mediamond oppure inviando i file sorgenti (FLA, PSD) e i font relativi alla creatività per interventi o suggerimenti urgenti.
I Template FLASH online sono salvati nelle versioni CS4, CS5 e CS 5.5 in Action Script 2.0 ed esportabili in qualsiasi versione.
Le unità di misura sono espresse nel seguente modo:
Dimensioni: Pixel (PX)
Formati: Kilobyte (KB)
Formati Video: Kilobit per secondo (KBPS)
Alcuni file guida sono scaricabili dai seguenti pulsanti: