RECTANGLE EXPANDING
Sito
Istruzioni e tempistiche
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 (banner chiuso) + 600×500 (banner aperto)
Nel caso di redirect fornire un solo tag 300×250 espandibile.
Formati
1 JPEG/GIF 300×250 Max 50 Kb + 1 JPG/GIF 600×500 Max 80 Kb
oppure
1 HTML5 300×250 + 1 HTML5 600X500
oppure
1 tag Javascript Redirect (https)
Videobox expanding:
1 file MP4 640×360 600 Kbps (Audio+Video) + 1 JPEG/GIF 300×250 Max 50 Kb + 1 JPG/GIF 600×500 Max 80 Kb
Le due immagini non dovranno fungere da cornice, ma da immagini di backup e verranno richiamate durante il buffer del video e nei casi in cui lo stesso non possa partire in autoplay.
Linee guida
I tag in full redirect ed i tracciamenti devono sempre essere forniti in https.
Nel caso di creatività Html5, eventuali contenuti remoti devono essere richiamati in https.
Nel 300×250 inserire in alto a sinistra il testo “ESPANDI”.
Nel banner espanso (600×500) verrà inserito in automatico un pulsante di chiusura in alto a sinistra in un’area di 50×50 px. Evitare di inserire loghi o altri contenuti rilevanti in quest’area.
L’espansione avviene verso sinistra onMouseOver.
Videobox expanding:
L’ultimo fotogramma del video NON deve essere “nero”.
Il file video può essere anche depositato su un server.
In caso di creatività HTML5 o Javascript redirect, è 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.
Durata massima animazione 30 secondi.
Looping non consentito.
Se HTML5 deve essere compatibile con SSL.
La creatività deve avere un bordo nero di 1 px.
Restrizioni:
Riproduzione automatica: sono vietati gli annunci che consentono la riproduzione automatica dell’audio. I videobox possono partire in automatico, ma con audio OFF.
Pop up: gli annunci che generano popup o sondaggi sono vietati.
Chiamate HTTP: è consentito un massimo di 100 chiamate HTTP per creatività.
Il tag in redirect se di Google deve essere in versione ins.
Sono proibiti annunci contenenti: tabacco, armi, nudità, contenuti diffamatori/di odio, attività illegali, parolacce o spyware.
Offerte di omaggi, collegamenti a quiz e sondaggi, affermazioni ingannevoli e riferimenti a sesso o sessualità.
Gli annunci devono distinguersi dai contenuti del publisher.
Specifiche tecniche 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 (vedi nota in basso))
– È 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 max 300KB
– I materiali saranno erogati in un iframe FIF compatibile
– La creatività potrà puntare ad una sola landing page
– Il link di destinazione deve essere fornito a parte e deve aprirsi in una nuova finestra, quindi le creatività devono avere come target “_blank”
– Non inserire il link diretto di destinazione, ma javascript:window.open(clickTag); nel caso di “href” in un tag “a” oppure window.open(clickTag); nel caso di attributo “onclick”.
Per esempio:
<a href="javascript:window.open(clickTag, '_blank');">contenuto banner</a>
oppure
<div onclick="window.open(clickTag, '_blank');">contenuto banner</div>
Inoltre nel tag head dell’html deve essere inserito questo script:
<script type="text/javascript">
var clickTag = window.location.search.substring(1);
</script>
Sostituire “http://www.example.com” con il link di destinazione.
NB: i materiali devono essere forniti in un unico file zip con i path relativi (non assoluti). 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
Esempi di tools di creazione HTML5
– Google Web Designer
– Adobe Flash Canvas
– Adobe Edge