Exigences relatives au format HTML5 dans Ad Manager

Cet article ne concerne que Google Ad Manager. Il ne s'applique pas aux autres produits Google.

Lorsque vous configurez le dossier zip HTML5 à importer dans Ad Manager, veuillez respecter les exigences ci-dessous.

  • Les exigences doivent être applicables à tous les navigateurs compatibles avec HTML5. Toutefois, il se peut que certaines créations ne fonctionnent pas comme prévu dans tous les environnements. Veillez donc à tester minutieusement le code de votre création HTML5.
  • La galerie Rich Media contient des exemples de fichiers HTML5.

Confirmez la compatibilité de votre dossier 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 utilisez Google Web Designer pour concevoir des créations HTML5, sélectionnez l'environnement "Display & Video 360".

Suivez les consignes relatives aux dimensions

  • Vous devez utiliser la balise Meta associée à la taille afin d'indiquer la taille souhaitée pour votre création et de vous assurer qu'elle est diffusée avec les dimensions appropriées : <meta name="ad.size" content="width=[x],height=[y]">.
  • Les dimensions des créations HTML5 doivent être fixes (par exemple, 300 x 250, 400 x 400, 728 x 90, etc.). Les tailles dynamiques (telles que "Fluide") ne sont pas acceptées.
  • 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. Par exemple, "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0} génère une erreur.

Exemple de balise Meta associée à la taille

Voici un exemple de balise Meta pour une taille fixe (telle que 300 x 250) :

<meta name="ad.size" content="width=300,height=250">

Suivez les consignes relatives aux tags de clic

Les tags de clic définissent les URL de destination pour chaque sortie de votre création HTML5. Une sortie est une zone sur laquelle l'internaute peut cliquer et qui redirige le navigateur vers une page de destination.

  • Pour en savoir plus sur l'ajout de sorties HTML5 (y compris de sorties utilisant Google Web Designer), consultez le Centre d'aide Studio.

Lorsque l'utilisateur clique sur une sortie, la création appelle Ad Manager pour obtenir l'URL de destination associée à cette sortie.

  • Vous pouvez définir cette URL 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 prévaut sur celui défini au niveau de la création.

Ad Manager détecte les tags de clic lorsque vous importez les éléments. Vous pouvez modifier l'URL de destination d'un tag de clic à tout moment, même après avoir exporté vos tags.

  • Assurez-vous que votre création utilise la variable "clickTag" comme destination du clic.
  • Le tag de clic doit pouvoir être lu sans difficulté par l'ad server. Les mécanismes de réduction de taille et d'obscurcissement sont donc à éviter. Toutefois, vous pouvez utiliser les techniques de réduction de taille dans le reste du code ainsi que dans les autres fichiers.
  • Nous déconseillons l'utilisation d'URL de destination codées en dur dans vos éléments, car cela empêche Ad Manager d'effectuer le suivi des clics, et les traffickers de mettre à jour l'URL. Après l'importation, Ad Manager vous avertit en cas de présence d'URL codées en dur dans vos éléments.

Exemple d'insertion d'un tag de clic

Voici un exemple d'insertion de tag de clic dans un document HTML :

<html>
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com"; </script>
</head>
[Insérez le reste du code de la création à cet endroit.]
</html>

Votre création doit utiliser la variable "clickTAG" en tant qu'URL de destination :

<a href="javascript:window.open(window.clickTag)">
<img src="images/dclk.png" border=0>
</a>
Cet article vous a-t-il été utile ?
Comment pouvons-nous l'améliorer ?