Bonnes Pratiques - HTML5
Contact technique : traffick@prismamedia.com
- HTML 5 GOOGLE - Plus d’informations ici : https://support.google.com/dfp_premium/answer/7042362?hl=fr
- Les bannières HTML 5 peuvent être envoyées via un redirect agence sécurisé, ou en nous fournissant directement les éléments suivants :
- Une archive zip contenant tous les éléments des créations en respectant ces paramètres :
- Le fichier HTML principal doit se nommer index.html (ou .htm)
- Le fichier Index.html (.htm) doit se trouver à la racine du fichier zip
- Plusieurs répertoires ou fichiers annexes sont autorisés
- Si vous utilisez google Web Designer, veillez à sélectionner l’environnement « Doubleclick »
- Inclure le script suivant entre les balises <head> du document index.html, et changer l’url de clic (ou insérer le clic command) ci-dessous
Architecture du zip :
Comptage des clics :
<script>
var clickTag = "http://www.url-de-clic-a-changer.fr";
</script>
<!-- Il suffit enfin d’intégrer l’hyperlien sur la partie cliquable de la création (texte, bouton, toute la créa, etc.) comme dans l’exemple ci-dessous : -->
<div id="click-area1">
<!-- Contenu de votre créa ici -->
</div>
<script type="text/javascript">
var clickArea1 = document.getElementById("click-area1");
clickArea1.onclick = function(){
window.open(clickTag, "blank")
}
</script>
<!DOCTYPE HTML>
<html>
<head>
<script>
var clickTag = "https://www.url-de-clic-a-changer.fr";
</script>
<style>
a:hover {cursor:pointer;}
</style>
<!-- Prisma FIN de la déclaration des variable html5 -->
</head>
<body>
<!-- Prisma début de la zone cliquable à insérer dans le body -->
<div id="click-area1">
<!-- Insérez le code du Contenu de la créa ci-dessous -->
<!-- ///////////////// Code de la création ////////////////// -->
<!-- fin du code du Contenu de la créa -->
<script type="text/javascript">
var clickArea1 = document.getElementById("click-area1");
clickArea1.onclick = function(){
window.open(clickTag, "blank")
}
</script>
</div>
<!-- Prisma fin de la zone clicable -->
</body>
</html>