Este artículo se refiere únicamente al producto Google Ad Manager. No se aplica a otros productos de Google. También puede revisar los requisitos de HTML5 para Studio o los requisitos de HTML5 para Google Web Designer.
En este artículo, se proporcionan lineamientos para crear y subir paquetes ZIP de creatividades HTML5 a Google Ad Manager.
Estos lineamientos deben aplicarse a cualquier navegador que admita HTML5. Es posible que algunas creatividades no funcionen según lo previsto. Pruebe el código HTML5 antes de implementarlo.
Asegúrese de que su paquete sea compatible con SSL
Las creatividades HTML5 deben ser compatibles con SSL para publicarse en sitios HTTPS.
Elija el entorno adecuado para Google Web Designer
Si usó Google Web Designer para diseñar las creatividades HTML5, seleccione el entorno de Display & Video 360.
Defina las dimensiones
- Use la metaetiqueta
size
para definir las dimensiones que se deben usar a fin de mostrar su creatividad:<meta name="ad.size" content="width=[x],height=[y] ]">
. Las creatividades HTML5 solo pueden tener dimensiones fijas. Ejemplos:300x250
,400x400
,728x90
. No se admiten tamaños dinámicos, comoFluid
.Ejemplo
<meta name="ad.size" content="width=300,height=250">
- En el caso de los archivos HTML de creatividades en paquetes de Google Web Designer, las propiedades
minWidth
yminHeight
del parámetrocreativeProperties
deben ser distintas de cero.Ejemplo
El siguiente código genera un error:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Configure etiquetas y URL de clic
Una salida es un área en la que se puede hacer clic que dirige el navegador a una página de destino. Las etiquetas de clic definen las URLs de clic para cada salida de su creatividad HTML5.
Cuando se hace clic en una salida, la creatividad llama a Ad Manager para obtener la URL de clic asociada.
- Establezca la URL de salida en su creatividad o anuncio, según sus necesidades y el tipo de creatividad. Si establece etiquetas de clic en la creatividad y en el anuncio, tiene prioridad la configuración a nivel del anuncio.
Ad Manager detecta las etiquetas de clic cuando subes recursos. Puedes cambiar la URL de clic que usa una etiqueta de clic en cualquier momento, incluso después de exportar etiquetas.
- Inserta etiquetas de clic en el encabezado
<head>
de tus 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>
- Use la variable
clickTag
como destino en las creatividades.Ejemplo<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Permita que el servidor de anuncios pueda leer las etiquetas de clic fácilmente. Las etiquetas de clic no deben incluir ofuscación ni reducción. Puede usar reductores en el resto del código y en otros archivos.
- Evite las URL de clic hard-coded. Las URL hard-coded impiden que Ad Manager haga un seguimiento de los clics y que los coordinadores de anuncios actualicen la URL. Ad Manager le advertirá si hay alguna URL hard-coded en el código HTML5 cuando suba el paquete.