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.
Secciones de esta página:
- Confirme que el paquete es compatible con SSL
- Asegurarse de que la estructura del archivo ZIP sea correcta
- Seleccione el entorno correcto en Google Web Designer
- Defina las dimensiones
- Defina etiquetas de clic y URLs de destino
Confirme que el paquete es compatible con SSL
Las creatividades HTML5 deben ser compatibles con SSL para que puedan servirse en sitios web HTTPS.
Asegurarse de que la estructura del archivo ZIP sea correcta
Cuando prepare su creatividad HTML5 para subirla, asegúrese de que el archivo ZIP cumpla los siguientes requisitos:
- Estructura correcta: el archivo HTML principal y todos los recursos asociados (imágenes, secuencias de comandos, CSS) deben estar en el nivel raíz del archivo ZIP o en subcarpetas a las que se haga referencia claramente. No anide el archivo HTML principal en varios subdirectorios.
- Sin daños: compruebe que el archivo ZIP no esté dañado y que se haya comprimido correctamente. Pruebe a descomprimir el archivo de forma local para comprobar su integridad antes de subirlo.
- Todos los recursos incluidos: todos los recursos a los que se haga referencia (imágenes, archivos CSS y JavaScript) deben incluirse en el archivo ZIP. Evite el alojamiento externo de componentes esenciales de creatividades, a menos que Ad Manager lo admita y lo incluya en la lista de permitidos explícitamente. Asegúrese de que todas las rutas de archivo de su HTML sean relativas y apunten correctamente a los recursos de la estructura ZIP.
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. Consulte más información sobre cómo añadir salidas HTML5 (incluidas las que se añaden con Google Web Designer).
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.