Cet article ne concerne que Google Ad Manager. Il ne s'applique pas aux autres produits Google. Vous pouvez également consulter les exigences HTML5 de Studio ou les exigences HTML5 de Google Web Designer.
Cet article explique comment créer et importer des dossiers ZIP de créations HTML5 dans Google Ad Manager.
Cette procédure s'applique 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.
Confirmez que votre dossier est compatible avec la norme SSL
Les créations HTML5 doivent être compatibles avec la norme SSL pour être diffusées sur des sites HTTPS.
Choisissez l'environnement approprié pour Google Web Designer
Si vous avez utilisé Google Web Designer pour concevoir les créations HTML5, sélectionnez l'environnement Display & Video 360.
Définir des dimensions
- Utilisez la balise Meta
sizepour 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 queFluide) 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
minWidthetminHeightdu paramètrecreativePropertiesdoivent ê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 clickTag = "http://www.google.com";
</script>
</head>
- Utilisez la variable
clickTAGcomme destination dans les créations.Exemple<a href="javascript:void(window.open(clickTag))">
<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.
