Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

↑ Regresar a la tabla de contenido ↑

¿Cómo

...

Cuando la configuración de HB esté lista se podrá proceder a la implementación de los tags que se encuentran en la pestaña IMPLEMENTACIÓN.

...

Warning
titleAtención

En cualquiera de los casos de implementación es importante ademas implementar en el sitio la ultima version del archivo ads.txt.

Puedes ver como implementar correctamente ads.txt desde este aqui

 ¿Cómo realizo una implementación Display directa en el sitio?

Para realizar una implementación directa en el sitio, primero debemos extraer el tag de la plataforma administrativa, y luego implementarlo en  nuestro sitio. En algunos casos excepcionales, quizá debamos aplicar algún modificador del tag.

Extracción del tag

Si deseamos implementar Header Bidder directamente en el sitio, debemos ir a la pestaña IMPLEMENTACIÓN (1), Luego dentro del cuadro Implementación para display(2) y seleccionar IMPLEMENTACION DIRECTA (3) . Si tiene dudas al respecto utilizaremos HTTPS . Por último debemos copiar el código  que se mostrará debajo (4). El mismo código que se muestra en pantalla puede ser copiado también haciendo click en el ícono copiar que se encuentra en la esquina superior derecha (5).

Image Removed

Implementación del tag

Una vez extraído el tag, este código debe brindarse al webmaster para que sea implementado  en las páginas del sitio o los sitios a monetizar dentro del header del mismo, ANTES del comienzo del tag de DFP

Tip
titleEjemplo

Image Removed

Info
titleTip

El tag funciona de forma asincrónica. Esto permite que el sitio siga la carga normal y evita problemas de latencia. Todo el codigo de Header Bidder es constantemente optimizado para garantizar la mejor experiencia de usuario y performance del sitio

Implementaciones especiales que requieran modificadores del tag

Si bien el tag fue diseñado para soportar la mayor flexibilidad de casos de implementación posibles, y es extraño que existan inconvenientes ante la correcta implementación,  existe la posibilidad  de que nuestro sitio utilice una naturaleza de ejecución alternativa a los métodos estandar del mercado. Esto podría llegar a ocasionar resultados finales diferentes a los deseados. En caso de presentarse cualquier tipo de dificultad de implementación, debemos contactar inmediatamente al equipo de soporte de E-Planning para que nos brinde su asistencia. La plataforma posee un acceso directo para ponernos en contacto con el equipo de Soporte mediante el icono de la parte superior derecha de la interfaz:

Image Removed

Luego de evaluar el caso, el equipo de soporte puede indicarnos aplicar  uno de los siguientes modificadores sobre el tag para optimizar su función:

Warning
titleAtención

El uso de estos modificadores solo debe realizarse bajo indicación explícita del equipo de soporte de E-Planning, ya que su incorrecto uso puede afectar severamente la monetización del sitio, tanto por Header Bidder como por DFP

usedivname

E-Planning Header Bidder identifica los espacios de DFP mediante su nombre. Sin embargo, existen métodos de implementación no habituales de DFP donde la detección de espacios mediante el nombre puede presentar inconvenientes. En estos casos, el modificador usedivname indica a E-Planning Header Bidder utilizar un método de identificación alternativo basado en el contenedor del espacio.

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-usedivname="true">

timeout

E-Planning aguarda hasta la renderización efectiva de espacios de DFP hasta que la pagina termine de cargar o hasta que todos los espacios definidos de DFP ejecuten su renderización en algún lugar efectivo del sitio. En algunos casos de implementación de DFP,  la renderización de los espacios definidos de DFP es condicional, por lo que esperarlos hasta la carga definitiva de la pagina es una perdida de tiempo innecesaria que demora la activación de la publicidad. Para evitar estos casos, E-Planning Header Bidder posee configurado un tiempo máximo de espera para la renderizacion de los slots antes de comenzar la subasta. En caso de ser necesario, este tiempo de espera puede ser modificado mediante el modificador timeout en milisegundos

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-timeout=1500>

ma

E-Planning identifica todos los slots definidos para DFP, pero aguarda su renderizacion efectiva para subastarlos. El modificador ma permite limitar el maximo de slots a subastar al numero definido en el ,mismo. En caso de definirse un valor N para este modificador, solo se consideraran los primeros N slots en ser definidos.

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-ma=5>

be

En ocasiones es necesario evitar que algún subconjunto de  slots sea subastado. Mediante el modificador be se puede especificar una lista de slots que serán ignorados por E-Planning HB y procederan con el tratamiento normal de DFP. Esto se puede especificar mediante un string que describa un json que enumere los identificadores de los slots, o mediante una expresión regular que matchee con los slots a filtrar. En este ultimo caso, la expresión debe delimitarse por el símbolo de admiración ("!").

...

titleVer un ejemplo...
Tip
titleEjemplo

<!-- Ejemplo con listado json de slots -->

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-be='["/12345/slot1","/12345/slot2"]'>

Tip
titleEjemplo

<!-- Ejemplo con expresion regular -->

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-be='![Cc]aja_\d+!'>

gtimeout

Desde que el tag de DFP inicia su ejecución hasta que este configura todas sus variables internas, existe una demora inferior a los 300 ms. Por defecto, E-Planning espera el tiempo mínimo necesario para que este complete su setup. En algunos casos, la implementación de DFP necesita tiempos mayores para configurarse antes de comenzar a funcionar. En estos casos, se puede extender el tiempo de espera de E-Planning Header Bidder mediante el modificador gtimeout.

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-gtimeout=600>

disable-initial-load

En una ejecución normal, el tag de DFP realiza su setup, E-Planning Header Bidder detiene por unos milisegundos su ejecución, subasta los espacios y luego vuelve a activar solo aquellos espacios donde no hubo un mejor comprador. Sin embargo, existe la posibilidad de que en la implementación DFP se encuentre intencionalmente detenido. o no se desee reactivar hasta que un evento particular del sitio ocurra. En estos casos, el modificador disable-initial-load indicara a E-Planning DFP no intervenir en la desactivación, activación y recarga de los espacios de DFP.

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-disable-initial-load="true">

tip, tip<n>

En algunos casos, se desea mediante herramientas externas poder contabilizar los anuncios mostrados mediante Header Bidder. Este modificador permite incorporar un pixel de conteo que sera invocado cada vez que Header Bidder muestre anuncios. Se pueden incorporar mas urls de conteo externas utilizando un indice incremental a partir de 2 al final del modificador, quedando data-tip, data-tip2, data-tip3 .. data-tipN

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net"data-sv="ads.us.e-planning.net" data-ci="xxxxx"
data-tip="https://unaPrimerUrlDeConteoExterno.com" data-tip2="https://unaSegundaUrlDeConteoExterno.com" data-tip3="https://unaTercerUrlDeConteoExterno.com">

ss

En una ejecución normal, E-Planning Header Bidder verifica los espacios implementados de dfp, y realiza un unico request a sus servidores para subastarlos. Luego, en base al resultado de esa subasta, renderiza los anuncios ganadores de la subasta deteniendo DFP, o permite a DFP renderizar el slot.
Cuando se incorpora el modificador ss, se activa el modo "Single Slot". En esta modalidad, dfp es detenido, y los espacios deben ser activados manualmente invocando el metodo hbdfp.callSingleSlot(<slot>), siendo <slot> una referencia a un slot de DFP. En el momento en que este método sea invocado, sera subastado el slot en cuestion, y segun corresponda, renderizado el anuncio ganador o reactivada la renderización de DFP.

Esto permite realizar asincrónicamente la incorporación de espacios según vayan siendo requeridos por el sitio. 

...

titleVer un ejemplo...
Tip
titleEjemplo

<script src="https://i.e-planning.net/layers/hbdfp.js" id="hbepl" async data-sv="us.img.e-planning.net" data-sv="ads.us.e-planning.net" data-ci="xxxxx" data-ss="true">

...

var referenciaAUnSlot = googletag.pubads().slots[0];

...

hbdfp.callSingleSlot(referenciaAUnslot);

↑ Regresar a la tabla de contenido ↑

¿Cómo realizo una Implementación Display mediante Google Tag Manager?

Si deseamos implementar Header Bidder mediante Google tag manager, podemos ver un instructivo completo desde este link

↑ Regresar a la tabla de contenido ↑

¿Cómo realizo una Implementación para espacios de Video Instream (VAST)?

Si deseamos implementar Header Bidder en espacios de vide instream (VAST) podemos ver un instructivo completo desde este link

↑ Regresar a la tabla de contenido ↑

¿Cómo realizo una Implementación mediante Prebid?

Si deseamos implementar Header Bidder mediante Prebid, podemos ver un instructivo completo desde este link

↑ Regresar a la tabla de contenido ↑

¿Cómo es el proceso de alta y moderación de los sitios?

...