HTML5-Specifications_annabelle.ch, 2017_FR (PDF

1
Tamedia AG
Tamedia Advertising
mailto: [email protected]
Éléments publicitaires HTML5
Que faut-il respecter en cas de livraison physique d’éléments
publicitaires HTML5 ?
Préférer une livraison comme 3rd Party Tag.
En ce qui concerne les éléments publicitaires HTML5, nous exigeons les points
suivants.
Infrastructure technique :
• La publicité doit permettre de cliquer sur l’URL (dès que le curseur a atteint
l’élément publicitaire, une interaction doit être possible en cliquant sur le
lien)
• Le bouton permettant de cliquer sur l’URL (permettant un saut à la page
cible) doit être facile à trouver au niveau du Code 1
• Les boutons permettant de cliquer sur l’URL doivent toujours s’ouvrir dans
une nouvelle fenêtre (target=_blank)
• Des tests d’éléments publicitaires doivent également être possibles en local
sur le navigateur. L’élément publicitaire ne doit pas dépendre du fait qu’il
soit ouvert localement sur un poste ou qu’il provienne d’un environnement
serveur
• Le poids de l’élément publicitaire ne doit pas dépasser 150 Ko pour une
solution desktop et 100 Ko pour une solution mobile
• L’élément publicitaire doit être codé latin-1 et non UTF8
− ä au lieu de ä
• Les références dans l’élément publicitaire sur ressources externes (pixels
espions, JS-Libraries, Videos, Fonts) doivent être fournies via SSL (https://)
• Le Tracking doit être compris dans l’élément publicitaire
• Tous les éléments publicitaires doivent être rendus dans un Iframe 1$
Livraison :
Chaque élément publicitaire doit être créé dans un fichier Zip séparé :
• « halfpage_de.zip » contient uniquement le code et les fichiers que le
HalfpageAd en langue allemande requiert
• « wideboard_fr.zip » contient uniquement le code et les fichiers de l’élément
publicitaire Wideboard français
• etc.
1
Best Practice Infrastructure d’un format publicitaire HTML5 Rectangle Ads :
index.html appelle l’élément publicitaire propre (rectangle.html) dans un IFrame.
Contient en option des pixels espions et des trackingcodes
rectangle.html par exemple un élément publicitaire Rectangle aux dimensions de
300 x 250
rectangle.js Animation de l’élément publicitaire
rectangle1.jpg, rectangle2.jpg Graphiques pour l’élément publicitaire
Index.html :
/* trackingcodes en option, pixels espions, moat, etc */
<iframe src="rectangle.html" width="300" height="250" scrolling="no"
frameborder="0"></iframe>
rectangle.html
// Pour pouvoir mesurer les clics, nous devons faire précéder notre
mesure de clic de l’URL cible.
// Le mieux est de sauvegarder au départ l’URL cible dans la
variable Javascript clickTag et d'utiliser dans // par la suite
uniquement cette variable.
<script>
var clickTag = "http://ihre-seite.ch";
</script>
/* ensuite, on peut appeler la page cible avec par ex. : */
window.open(clickTag);
/* ou */
document.write("<a href='" + clickTag + "'>...</a>);
Tamedia AG
Digital Advertising Services
[email protected]