Anuncios de Google asincrónicos versus Sincrónico

Question

Estoy usando Google DFP.

Si utilizo anuncios síncronos de Google, mi sitio carga lentamente, ya que necesita cargar el anuncio al mismo tiempo que carga el sitio web, y si un anuncio tarda mucho en responder, la carga de la página se detiene.

Si uso anuncios asincrónicos, esto no es un problema ya que la página se cargará o no se cargarán los anuncios. En otras palabras, hace que el sitio cargue más rápido. El hecho es que el uso de anuncios asincrónicos crea un div con ancho y alto fijo, sin importar si hay anuncios que se muestran o no. Por lo general, esto crea una gran cantidad de espacio en blanco en mi sitio, ya que no se utilizan todas las posiciones de anuncios. Lo mismo ocurre con los anuncios sincrónicos.

Google ofrece una tercera opción que no crea un div, solo usa javascript para mostrar anuncios, y si no hay anuncios publicados en ese espacio, simplemente no muestra ningún espacio en blanco, lo que es bueno, sin embargo se comporta de forma síncrona ...

Lo que quiero es algún método para utilizar anuncios asíncronos y no obtener espacios en blanco en caso de que no se publique ningún anuncio.

Gracias.

Answer 1

Creo que lo que estás buscando es

googletag.pubads().collapseEmptyDivs(); 

Eso ocultará los divs vacíos cuando no haya anuncios para mostrar. Llamarlo antes de esta línea:

googletag.enableServices(); 

más documentación aquí, como referencia: http://support.google.com/dfp_premium/bin/answer.py?hl=en&answer=1650154

Answer 2

bien ... puede intentar una solución alternativa ... no estoy del todo seguro. pero puede intentarlo ...

Tiene el DIV donde sus anuncios se cargarán de forma asíncrona, de modo que puede agregar un elemento, cualquier elemento ficticio y adjuntar el detector de eventos para saber cuándo será reemplazado por su anuncios.

puede escuchar DOMNodeRemoved evento que se activa cuando se elimina el nodo, y puede cambiar el tamaño de su div en consecuencia, entonces .. hágamelo saber si funciona o si hay algún progreso en esto.

Answer 3

Prueba esto:

<div id='div-gpt-ad-YOURDFPIDGOESHERE-1' style='width:auto; height:auto; margin:0px auto; text-align:center;'> 

Esto debería reducir y estirar el div para que coincida con las dimensiones creativas (e incluso centrar anuncios más pequeños en un espacio publicitario más grande)

Answer 4

Añadir display: none; como en estilo en línea para el div que contiene.

El método collapseEmptyDivs añade un estilo en línea de display: none; al div contenedor primario. Para evitar el destello de espacio en blanco adicional, primero intenté agregar display: none; como un estilo CSS en mi hoja de estilo, pero el estilo no se eliminó cuando los anuncios se cargaron correctamente en el espacio del bloque de anuncios de destino. Mover la pantalla: ninguna; en línea parecía remediar el problema.