Lineamientos de HTML5 para Ad Manager

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.

Revise los ejemplos de archivos HTML5 en la galería de Rich Media.

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, como Fluid.

    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 y minHeight del parámetro creativeProperties 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.

Obtenga más información para agregar salidas HTML5 (incluidas las salidas que usan Google Web Designer).

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.

¿Te resultó útil esto?

¿Cómo podemos mejorarla?
true
Notas de la versión

Obtenga información acerca de las funciones más recientes de Ad Manager y las actualizaciones del Centro de ayuda.

Ver las novedades

Búsqueda
Borrar búsqueda
Cerrar la búsqueda
Google Apps
Menú principal