Directrices sobre HTML5 en Ad Manager

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.

Siga las directrices que se indican a continuación para crear un paquete zip de archivos HTML5 que pueda subir a Ad Manager. Estas 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.

Consulte 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 ha usado Google Web Designer para crear las creatividades HTML5, seleccione el entorno de Display & Video 360.

Defina las dimensiones

  • Con la etiqueta meta size puede 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, 400x400 o 728x90. Los tamaños dinámicos, como Fluid, 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 minWidth y minHeight del parámetro creativeProperties tienen 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.

Consulte más información sobre cómo añadir salidas HTML5 (incluidas las que se añaden con Google Web Designer).

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 clickTag como 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.
¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?

¿Necesitas más ayuda?

Inicia sesión si quieres ver otras opciones de asistencia para solucionar tu problema.

true
Notas de la versión

Consulte más información sobre las funciones más recientes de Ad Manager y las novedades del Centro de Ayuda.

Descubrir las novedades

Búsqueda
Borrar búsqueda
Cerrar búsqueda
Aplicaciones de Google
Menú principal
Buscar en el Centro de ayuda
true
true
true
true
148
false
false