Suivez les consignes ci-dessous pour créer un dossier ZIP HTML5 à importer dans Ad Manager. Elles s'appliquent normalement à tous les navigateurs compatibles avec HTML5. Il est possible que certaines créations ne fonctionnent pas comme prévu. Testez le code HTML5 avant de l'implémenter.
Définir des dimensions
- Utilisez la balise Meta
size pour définir les dimensions à utiliser pour afficher votre création : <meta name="ad.size" content="width=[x],height=[y] ]"> Les dimensions des créations HTML5 doivent être fixes. Exemples : 300x250, 400x400, 728x90. Les tailles dynamiques (telles que Fluide) ne sont pas acceptées.
Exemple
<meta name="ad.size" content="width=300,height=250">
- Pour les fichiers HTML de créations dans des dossiers Google Web Designer, les propriétés
minWidth et minHeight du paramètre creativeProperties doivent être différentes de zéro.
Exemple
Le code suivant génère une erreur : "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}.
Définir des tags de clic et des URL de destination
Une sortie est une zone sur laquelle l'internaute peut cliquer et qui redirige le navigateur vers une page de destination. Les tags de clic définissent les URL de destination pour chaque sortie de votre création HTML5.
Lorsqu'un utilisateur clique sur une sortie, la création appelle Ad Manager pour obtenir l'URL de destination qui y est associée.
- Définissez cette URL de sortie dans votre création ou annonce, selon vos besoins et selon le type de création. Si vous définissez des tags de clic à la fois au niveau de la création et de l'annonce, le paramètre défini au niveau de l'annonce est prioritaire.
Ad Manager détecte les tags de clic lorsque vous importez les éléments. Vous pouvez modifier l'URL de destination utilisée par un tag de clic à tout moment, même après avoir exporté les tags.
- Insérez des tags de clic dans la section
<head> de vos documents HTML.
Exemple
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTagFoo = "http://www.google.com";
</script>
</head>
Si une erreur affiche [Message d'erreur], cela est généralement dû à la valeur de l'URL du tag de clic (par exemple, %chttp://www.google.com), où des caractères indésirables (dans ce cas, %c) ou une macro non compatible ont pu être introduits. Dans ce cas, essayez de supprimer la macro ou les caractères de texte supplémentaires, puis effectuez un nouveau test.
- Utilisez la variable (par exemple,
clickTagFoo) comme destination dans les créations.
Exemple
<a href="javascript:void(window.open(clickTagFoo))">
<img src="images/dclk.png" border=0>
</a>
- Facilitez la lecture des tags de clic par l'ad server. Les tags de clic ne doivent pas inclure de mécanismes de réduction de taille ou d'obscurcissement. Vous pouvez utiliser les techniques de réduction de taille dans le reste du code ainsi que dans les autres fichiers.
- Évitez les URL de destination codées en dur. Les URL codées en dur empêchent Ad Manager de suivre les clics et empêchent les traffickers de mettre à jour l'URL. Ad Manager vous avertit si des URL sont codées en dur dans votre code HTML5 lorsque vous importez le dossier.
