javascript - seguimiento - google conversion js

¿Cómo escribir correctamente un bloque de anuncios fuera de la página de DFP?

Question

Estoy desarrollando un intersticial web móvil renderizado con JavaScript. El diseño es totalmente receptivo, por lo tanto, tomará el 100% de la pantalla proporcionada / iframe.

Ahora deseo mostrar el intersticial a través de DFP.

Al principio, creé un bloque de anuncios de tamaño (320x480) y funcionó bien, pero el intersticial estaba limitado a los límites del iframe.

Me basé en un nuevo tipo de línea de pedido llamado Fuera de página . La documentación establece que:

Pueden incluir ventanas emergentes y líneas flotantes y, a veces, se llaman intersticiales.

Pero cuando trato de insertar el intersticial en un sitio de prueba, lo que ocurre es que el iframe permanece 1x1, lo que hace que el intersticial sea invisible (si lo amplío manualmente con un depurador, lo veo)

Mi configuración:

• línea de pedido con tamaños de inventario de 1x1 y fuera de página
• creativo con mi fragmento de código
• bloque de anuncios se define como tamaño 1x1

Leí en la documentation que:

Si usa una creatividad de etiqueta de DoubleClick, debe asegurarse de que el código de la creatividad que se realiza el tráfico en el otro extremo de la etiqueta de DoubleClick (es decir, otra red de DFP) esté codificado correctamente para un bloque de anuncios fuera de la página.

¿Qué significa, en términos de intersticial fuera de página de DFP, que el anuncio esté "codificado correctamente"? ¿Cómo fuerzo el intersticial para tomar todo el tamaño de la pantalla?

Answer 1

Después de consultar con el soporte de DFP, pude crear un bloque de anuncios intersticiales fuera de la página siguiendo estos pasos:

1. Cree un nuevo bloque de anuncios con el tamaño de inventario "fuera de página"
2. Cree un nuevo elemento de línea y una creatividad para dispositivos móviles con el tamaño de inventario "Fuera de página", esta línea de pedido está orientada a la unidad de anuncios anterior.

3. Genere nuevas etiquetas en las pestañas Inventario, seleccione "Habilitar solicitudes síncronas" y "Fuera de página" en el paso 2. La "Habilitación de solicitudes síncronas" parece ser la clave para que esto funcione.

   De acuerdo con el soporte de Google:

   Por lo general, recomendamos a nuestros editores que implementen Sync GPT cuando publiquen anuncios fuera de la página (intersticiales) a medida que la creatividad se representa en un elemento en lugar de un iFrame.

4. Coloque esta etiqueta en una página de prueba (con las etiquetas html, head y body necesarias) y Voilà!

Answer 2

No estoy seguro de que esto sea lo que necesita, y no tengo mucha experiencia con DFP, pero me encontré con un problema similar que resolví administrando manualmente el tamaño del iframe. Quizás esto también puede ayudarte.

La API de DFP tiene un evento que puede escuchar que le permite saber que el anuncio ha finalizado el procesamiento, y le sugiero que modifique las propiedades del marco flotante para que tenga el ancho completo y una altura cualquiera que funcione para la ubicación.

Suponiendo que tiene jQuery en su página, esto se puede hacer con bastante facilidad. Después de configurar el complemento de DFP (llamando a defineSlot etc.), puede agregar un oyente para este evento de la siguiente manera:

googletag.pubads().addEventListener(''slotRenderEnded'', function(){
  var $adFrame = $(''#id-of-the-iframe'');
  $adFrame.css({width: ''100%'', height: ''500px''});
});

Esto se describe en los documentos de DFP here .

Espero que esto ayude.

EDITAR: Después de publicar, me di cuenta de que el ejemplo de código que publiqué proviene de la biblioteca DFP GPT. Quizás no estés usando esto. Esta pregunta SO tiene un enlace a una biblioteca que alguien creó para escuchar los eventos que dispara DFP. ¿Quizás puedas usar eso y usar la técnica que describí?

De nuevo, espero que esto ayude :)