Este artículo está destinado solo al producto Google Ad Manager. No se aplica a otros productos de Google. También puede consultar los requisitos de Studio para HTML5 o los requisitos de Google Web Designer para HTML5.
En este artículo se proporcionan directrices para crear y subir paquetes ZIP de creatividades HTML5 a Google Ad Manager.
Las directrices deberían servir para cualquier navegador compatible con HTML5. Es posible que algunas creatividades no funcionen como deberían. Pruebe el código HTML5 antes de implementarlo.
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 ha usado Google Web Designer para crear las creatividades HTML5, seleccione el entorno de Display & Video 360.
Defina las dimensiones
- Con la etiqueta meta
sizepuede definir las dimensiones que deben usarse para mostrar la creatividad:<meta name="ad.size" content="width=[x],height=[y]">. Las creatividades HTML5 solo pueden tener dimensiones fijas. Ejemplos:300x250,400x400o728x90. Los tamaños dinámicos, comoFluid, no son compatibles.Ejemplo
<meta name="ad.size" content="width=300,height=250"> - En los paquetes de creatividades HTML creadas en Google Web Designer, las propiedades
minWidthyminHeightdel parámetrocreativePropertiestienen que ser distintas a cero.Ejemplo
El siguiente código genera un error:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Defina etiquetas de clic y URLs de destino
Una salida es cualquier área en la que se puede hacer clic y que redirige a una página de destino. Las etiquetas de clic definen las URLs de destino de cada salida de una creatividad HTML5.
Cuando se hace clic en una salida, la creatividad envía a Ad Manager la llamada de la URL de destino asociada.
- Configure la URL de salida 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 tendrá prioridad.
Ad Manager detecta las etiquetas de clic al subir recursos. Puede cambiar en cualquier momento la URL de destino que utiliza una etiqueta de clic, incluso después de exportar las etiquetas.
- Introduzca las etiquetas de clic en la sección
<head>de sus documentos HTML.Ejemplo<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Utilice la variable
clickTagcomo destino en las creatividades.Ejemplo<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - El servidor de anuncios debe poder leer fácilmente la etiqueta de clic. Las etiquetas de clic no deben haber minificación ni ofuscación, aunque sí pueden emplearse minificadores en el resto del código y en otros archivos.
- Evite usar URLs de destino preprogramadas, ya que impiden que Ad Manager haga un seguimiento de los clics y evita que los traffickers actualicen la URL. Ad Manager le avisará si hay URLs preprogramadas en el código HTML5 cuando suba el paquete.
