1. Éléments techniques : HTML 5
Reportage

Éléments techniques : HTML 5

Envoyer cet article à un ami

Bonjour, nos informations techniques pour nous fournir des fichiers en HTML 5 sont ci-dessous :

LOGO-TRAFIC-WEB_new2014-120


Nouveau, les formats display doivent-être fournis en HTML 5

Nous fournir un fichier compressé .zip, dedans :
Le fichier HTML principal doit se nommer index.html, il doit se trouver à la racine du fichier .zip.

Il faut faire un fichier .zip par création, si plusieurs créations sont livrées en même temps les dossiers .zip doivent être nommés de façon différentes.


Attention, seules les typos en .ttf sont acceptées. (PAS de .wof ni .otf etc.)


Le fichier HTML doit comporter les codes suivants (image) :

script-html5

Lien du fichier en codage HTML.

Compléments d'info en anglais sur :
https://support.smartadserver.com/hc/en-us/articles/204433791-Click-counting-in-HTML5-creatives

Lien du fichier de modèle à télécharger en .zip


Seules ces extensions de fichier sont valides : jpg, jpeg, png, gif, flv, mp4, zip, webm, mp3, m3u8, aac, m4v, m4a, wmv, avi, 3gp, ogg, ogv, txt, csv.

On accepte pour les grands formats un poids total de 99 ko max, (fichiers html, images et javasript compris). Pour les formats classiques 728x90, 300x250 et 120x120 de 49 ko max.

ATTENTION au poids des .js. Les fichiers doivent être optimisés au max.

Pour ce faire, les fichiers de librairie des .js (qui sont génériques pour tout le monde) ne doivent pas être mis dans les fichiers .zip mais en lien vers les serveurs CDN. Exemple à modifier dans le .js "edgePreload.js" :

Les numéros de version doivent bien correspondre : runtime/3.0.0/edge.3.0.0.min.js au fichier utilisé..

loard-des-js

Tous les documents techniques sont à envoyer à traffic-web@letudiant.fr et en copie à votre commercial à l'Etudiant.

Compléments d'info en anglais sur :
https://support.smartadserver.com/hc/en-us/articles/204433791-Click-counting-in-HTML5-creatives

Pourquoi passer des fichiers Flash animé (.swf) au HTML 5 ?
Les nouvelles versions des navigateurs bloquent progressivement la lecture des animations faites en Flash. Lire ici sur C net.fr.

Divers logiciels ont été créé pour faire de la publicité animée en HTML5 : Adobe edge-animate ou Google-webdesigner.

Sommaire du dossier
Retour au dossier Éléments techniques : Fiches... Éléments techniques : Display Éléments techniques : Divers Éléments techniques : E-mailing Éléments techniques : EducPro Exemple de mise en ligne Éléments techniques : HTML 5 Test de mise en ligne Test pour l'habillage de page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - La campagne letudiant.fr récompensée par un EPICA d'argent !