Best Practices - HTML5 Guide
Contact : traffick@prismamedia.com
- HTML 5 GOOGLE - More information : https://support.google.com/dfp_premium/answer/7042362?hl=fr
- HTML5 banners can be sent via a secure agency redirect or by directly providing us with the following elements :
- A zip archive containing all the creation elements while adhering to these parameters:
- The main HTML file must be named index.html (or .htm).
- The index.html (.htm) file must be located at the root of the zip file.
- Multiple directories or ancillary files are allowed.
- If you are using Google Web Designer, please ensure to select the "DoubleClick" environment.
- Include the following script between the <head> tags of the index.html document and change the click URL (or insert the click command):
Zip structure :
Click tracking :
<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>