Requisitos de HTML5 para Ad Manager

Este artículo está dirigido a usuarios de Google Ad Manager y no debe tomarse como referencia para otros productos de Google.

Al crear un paquete zip con archivos HTML5 para subirlo a Ad Manager, siga las directrices que se indican en este artículo.

  • Los requisitos deberían servir para cualquier navegador compatible con HTML5. Sin embargo, es posible que algunas funciones de las creatividades no se comporten como querría en todos los entornos, así que pruebe minuciosamente el código de sus creatividades HTML5.
  • Puede ver ejemplos de archivos HTML5 en la Galería de Rich Media.

Confirme que el paquete es compatible con SSL

Las creatividades HTML5 deben ser compatibles con SSL para que puedan servirse en sitios web HTTPS.

Seleccione el entorno correcto en Google Web Designer

Si diseña creatividades HTML5 con Google Web Designer, seleccione el entorno Display & Video 360.

Cumpla las directrices sobre las dimensiones

  • Con la metaetiqueta de tamaño, puede indicar el tamaño de creatividad que quiere y asegurarse de que se renderice con las dimensiones adecuadas: <meta name="ad.size" content="width=[x],height=[y]">.
  • Las creatividades HTML5 solo pueden tener dimensiones fijas como, por ejemplo, 300x250, 400x400 o 728x90. No se admiten los tamaños dinámicos, como el tamaño "Fluido".
  • En los archivos HTML de creatividades de paquetes de Google Web Designer, las propiedades minWidth y minHeight del parámetro creativeProperties tienen que ser distintas a cero. Por ejemplo, si utiliza "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}, se producirá un error.
Ejemplo

A continuación se muestra una metaetiqueta de ejemplo de un tamaño fijo (en este caso, 300x250):

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

Siga las directrices sobre las etiquetas de clic

Las etiquetas de clic definen URLs de destino para cada salida en la creatividad HTML5. Una salida es cualquier área en la que se puede hacer clic y que redirige a una página de destino.

  • Consulte en el Centro de Ayuda de Studio más información sobre cómo añadir salidas HTML5, incluidas las que usan Google Web Designer.

Cuando una salida recibe un clic, la creatividad envía a Ad Manager la llamada de la URL de destino asociada a esa salida.

  • Puede configurar esta URL en una creatividad o en un anuncio, en función de sus necesidades y del tipo de creatividad del que se trate.
  • Si usa etiquetas de clic tanto en la creatividad como en el anuncio, el ajuste a nivel de anuncio anula el definido en sus creatividades.

Ad Manager detecta las etiquetas de clic al subir recursos. Puede cambiar en cualquier momento la URL de destino que utiliza la etiqueta de clic, incluso después de exportar las etiquetas.

  • Asegúrese de que la creatividad usa la variable de etiqueta de clic como destino de clics.
  • El servidor de anuncios debería poder leer fácilmente la etiqueta de clic; es decir, no debe haber minificación ni ofuscación, aunque sí pueden emplearse minificadores en el resto del código y en otros archivos.
  • No se recomienda incluir ninguna URL de destino preprogramada en las creatividades, ya que, de hacerse, Ad Manager no podría registrar clics y los traffickers no podrían actualizar la URL. Ad Manager le avisará si sube una creatividad que contiene alguna URL codificada.
Ejemplo

En el siguiente ejemplo se muestra una etiqueta de clic insertada en un documento HTML:

<html>
<head> <meta name="ad.size" content="width=300,height=250"> <script type="text/javascript"> var clickTag = "http://www.google.com"; </script> </head> [Aquí se incluye el resto del código de la creatividad.]
</html>

La creatividad debe utilizar la variable de etiqueta de clic como URL de clic de destino:

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

¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?