SKIN VIDEO

  • skin-video

    skin-video

Sito

  • ITALIANO
  • ENGLISH

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

1800×840 + 720×240 (fruizione sui siti responsive)

NB: skin video e 720×240 devono essere considerati un formato unico dal punto di vista della pianificazione, dell’erogazione e dei tracciamenti. Non è possibile fornire tracciamenti separati.

Formati

1 JPEG/GIF 1800×840 + 1 MP4 1200×674 + 1 JPG/GIF 720×240

Specifiche video

Secondaggio: max 30″
Peso: max 3 Mb
Bitrate: fra 600 e 1000 kbps
Codec video: H264
Codec audio: AAC

L’ultimo fotogramma del video NON deve essere “nero”.
Il file video può essere anche depositato su un server.

Specifiche 1800×840

JPG/GIF Max 150 Kb

Rispettare lo spazio riservato ai tasti di apertura/chiusura (scaricare template in basso), che verranno inseriti dinamicamente, non inserire alcun tasto nella grafica della skin.
Il testo dei tasti di apertura e chiusura può essere personalizzabile (il testo di default è: APRI/CHIUDI).
Fornire il codice colore in formato esadecimale da impostare come sfondo della pagina, così che non ci sia distacco fra la skin ed il bianco del sito.
L’ingombro centrale non deve essere bianco, bensì deve essere mantenuta la grafica della skin oppure può essere riempito di un colore in tinta unita presente fra i colori della skin.
Si consiglia di posizionare i contenuti principali al centro dell’header in alto, visualizzabile con tutte le risoluzioni, e di inserire contenuti secondari (meglio non testuali) ai lati.

Specifiche 720×240

JPG/GIF Max 60 Kb / HTML5 / REDIRECT

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.

Linee guida

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.
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

– I materiali devono essere forniti in un unico file zip con i path relativi (non assoluti (vedi nota in basso))
– 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
– È 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(window.clickTag); nel caso di “href” in un tag “a” oppure window.open(window.clickTag); nel caso di attributo “onclick”.

Per esempio:
<a href="javascript:window.open(window.clickTag, '_blank');">contenuto banner</a>

oppure
<div onclick="window.open(window.clickTag, '_blank');">contenuto banner</div>

Inoltre nel tag head dell’html deve essere inserito questo script:
<script type="text/javascript">
var clickTag = "http://www.example.com";
</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


Funzionamento

La skin video, con durata massima di 30 secondi, parte in autoplay (frequenza 1/24h per utente) con audio tassativamente OFF, con il sito che si abbassa ed video che viene riprodotto al centro della pagina, quindi completamente visibile.
Premendo il tasto APRI il video riparte con audio ON. Premendo il tasto CHIUDI (oppure una volta terminato il video) il sito si rialza e viene mostrata la versione statica della skin. Le successive visualizzazioni prevedono una skin statica, con la possibilità per l’utente di rivedere il video premendo il tasto APRI.


Esempi di tools di creazione HTML5

– Google Web Designer
– Adobe Flash Canvas
– Adobe Edge


Alcuni file guida e template sono scaricabili dai seguenti pulsanti: