Exigences applicables au format HTML5 dans Ad Manager

Consignes concernant les créations HTML5

Cet article ne concerne que Google Ad Manager. Il ne s'applique pas aux autres produits Google. Cliquez sur les liens suivants pour prendre connaissance des exigences liées aux créations HTML5 pour Studio ou Google Web Designer.

Respectez les consignes suivantes pour configurer le dossier zip HTML5 à importer dans Ad Manager. Elles s'appliquent normalement à 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 liées 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

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 liées aux tags de clic

Le tag de clic n'est pas compatible avec le format HTML5 basé sur un groupe dans GWD. Le groupe publié dans GWD doit utiliser des événements de sortie au lieu de définir des éléments "var clickTAG".

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

Vous devez intégrer un tag de clic dans la balise head d'un document HTML. Consultez cet exemple :
<head>
   <meta name="ad.size" content="width=300,height=250">
   <script type="text/javascript">
      var clickTag = "http://www.google.com";
   ​
</script>
</head>

Dans le corps du document HTML, la création doit utiliser la variable du tag de clic en tant qu'URL de destination :

<a href="javascript:void(window.open(clickTag))">
   <img src="images/dclk.png" border=0>
</a>

Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?

Vous avez encore besoin d'aide ?

Connectez-vous pour accéder à des options d'assistance supplémentaires afin de résoudre rapidement votre problème.