Versions Compared

Key

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

Anchor
indice
indice

Excerpt

Este documento explica como implementar en diferentes escenarios Header Bidder para una optima monetización del sitio.

...

Si deseamos realizar un refresh de los anuncios de la pagina, contemplando una nueva monetización mediante las fuentes de demanda de E-Planning Header Bidder, podemos hacerlo ejecutando el siguiente comando javascript:

hbepl.refresh()

Este método recargara todos los espacios de DFP con un nuevo valor de correlator, volviendo a subastarlos.

...

↑ Regresar a la tabla de contenido ↑

¿Cómo realizo

...

E-Planning Header Bidder puede ser implementado en publishers que utilicen Prebid (http://prebid.org) como una nueva fuente de demanda.

Obtener soporte para E-Planning Header Bidder en Prebid

Para que la implementación de Prebid tenga soporte para E-Planning Header Bidder, se debe incluir en la librería de Prebid el adapter de E-Planning al momento de su descarga.

Para esto, en el momento de  ingresar al  Sitio de descarga de la libreria de Prebid, debemos incluir en la selección de las fuentes de demanda que se quieran utilizar, la fuente E-Planning.

Image Removed

Luego, la librería debe ser hosteada en en servidor prebid server utilizado, tal como lo indica su  documentación oficial

Obtención  de mi id de cliente único de Header Bidder

Para obtener el id único de cliente, debemos desde la plataforma acceder a IMPLEMENTACIÓN (1), luego en la sección Implementación para display (2) seleccionar la pestaña PREBID (3), donde podremos ver nuestro id único de cliente (4)

Image Removed

Declaración de los placements en mi sitio para ser monetizados también  por E-Planning HB

Siguiendo el ejemplo de la documentación oficial de Prebid, se debe agregar en cada placement que se quiera implementar el bidder 'eplanning' y como parametro el Account ID mediante el nombre 'ci'. 

...

una implementación Display en sitios AMP?,

Para realizar una implementación en sitios AMP, primero debemos extraer el tag de la plataforma administrativa, y luego implementarlo dentro de los tags de espacio de DFP. Por ultimo, debemos implementar un lineitem de callback para renderizar el anuncio en caso de ganar.

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 AMP (3)  . 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 Added

Implementación del tag

Una vez extraído el tag, este debe implementarse como atributo en los tags  AMP-AD de DFP que querramos monetizar. Se puede ver como desde su documentación oficial: AMP Real Time Config

Expand
titleVer un ejemplo...

...

titleEjemplo

Este seria un ejemplo de s2sConfig donde esta implementado E-Planning y AppNexus

Code Block
languagejs
pbjs.setConfig({
        s2sConfig: {
            accountId: '1',
            enabled: true,
            bidders: ['eplanning', 'AppNexus'],
            timeout: 1000,
            adapter: 'prebidServer',
            endpoint: 'https://prebid.adnxs.com/pbs/v1/openrtb2/auction',
            syncEndpoint: 'https://prebid.adnxs.com/pbs/v1/cookie_sync'
        }
    });

Declaración de los placements en mi sitio para ser monetizados también  por E-Planning HB

Como ultimo paso para poder monetizar cada placement, se debe agregar en la configuración de cada uno el bidder 'eplanning' y como parámetro  un objeto que posea el Account ID como parámetro  ci'. 

Expand
titleVer un ejemplo...


Tip
titleEjemplo

Asumiendo un Supongamos que nuestro id de cliente es 18f66 este seria un ejemplo de placement donde esta implementado E-Planning y AppNexusen nuestro sitio tenemos el siguiente tag AMP-AD de DFP que deseamos monetizar:

Code Block
languagejs
 pbjs.que.push(function() {
	var adUnits = [
		{
			code: 'div-gpt-ad-1438287399331-0',
			sizes: [
				[300, 250],
				[300, 600]
			],
			bids: [
				{ 
					bidder: 'appnexus',
					params: { placementId: '4799418'}
				},
				{
					bidder: 'eplanning',
					params: { ci: '18f66' }
				}
			]
		}
	];
});

...

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

E-Planning Header Bidder puede ser implementado en publishers que utilicen  Prebid  Server (http://prebid.org/prebid-server) como una nueva fuente de demanda.

Obtener soporte para E-Planning Header Bidder en Prebid Server

Para que la implementación de Prebid server tenga soporte para E-Planning Header Bidder, se debe incluir en la librería de Prebid el adapter de E-Planning , pero ademas, se bebe incluir el adapter  Prebid Server

Image Removed

Image Removed

Luego, la librería debe ser hosteada en en servidor Prebid Server utilizado, tal como lo indica su  documentación oficial

Obtención  de mi id de cliente único de Header Bidder

Para obtener el id único de cliente, debemos desde la plataforma acceder a IMPLEMENTACIÓN (1), luego en la sección Implementación para display (2) seleccionar la pestaña PREBID (3), donde podremos ver nuestro id único de cliente (4)

Image Removed

Declaración E-Planning HB como participe de Prebid Server

Para que E-Planning HB participe de la subasta Prebid Server, se debe incluir  'eplanning' dentro de la lista definida en el atributo bidders del objeto s2sConfig

...

title Ver un ejemplo...
xml
<amp-ad width=300 height=250
    type="doubleclick"
    data-slot="/77069040/Right1"
    >
</amp-ad>


Y desde la plataforma de E-Planning extraemos el siguiente tag AMP:

Code Block
languagexml
rtc-config='{"urls": ["https://ads.us.e-planning.net/hb/1/18f66/ADCID/HB_AMP/ROS?&e=ATTR(width)xATTR(height)!ATTR(data-slot)&ur=HREF"], "timeoutMillis": 750}'


Debemos insertar el tag extraído de E-Planning como atributo en el tag de DFP, quedando de la siguiente manera:

Code Block
languagexml
<amp-ad width=300 height=250
    type="doubleclick"
    data-slot="/77069040/Right1"
    rtc-config='{"urls": ["https://ads.us.e-planning.net/hb/1/18f66/ADCID/HB_AMP/ROS?&e=ATTR(width)xATTR(height)!ATTR(data-slot)&ur=HREF"], "timeoutMillis": 750}'
    >
</amp-ad>




Implementación del lineitem de renderización en callback

Como ultimo paso para utilizar  Header Bidder en sitios AMP, debemos crear en nuestra cuenta DFP un lineitem de callback. Podemos ver un instructivo completo sobre como realizar esta activación desde este Link


↑ Regresar a la tabla de contenido ↑

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

E-Planning Header Bidder puede ser implementado en publishers que utilicen Prebid (http://prebid.org) como una nueva fuente de demanda.

Obtener soporte para E-Planning Header Bidder en Prebid

Para que la implementación de Prebid tenga soporte para E-Planning Header Bidder, se debe incluir en la librería de Prebid el adapter de E-Planning al momento de su descarga.

Para esto, en el momento de  ingresar al  Sitio de descarga de la libreria de Prebid, debemos incluir en la selección de las fuentes de demanda que se quieran utilizar, la fuente E-Planning.

Image Added


Luego, la librería debe ser hosteada en en servidor prebid server utilizado, tal como lo indica su  documentación oficial

Obtención  de mi id de cliente único de Header Bidder

Para obtener el id único de cliente, debemos desde la plataforma acceder a IMPLEMENTACIÓN (1), luego en la sección Implementación para display (2) seleccionar la pestaña PREBID (3), donde podremos ver nuestro id único de cliente (4)

Image Added

Declaración de los placements en mi sitio para ser monetizados también  por E-Planning HB

Siguiendo el ejemplo de la documentación oficial de Prebid, se debe agregar en cada placement que se quiera implementar el bidder 'eplanning' y cuyo objeto de configuracion cuente con el parámetro  'ci', cuyo valor se corresponda con el id de cliente unico de Header Bidder

Expand
titleVer un ejemplo...


Tip
titleEjemplo

Asumiendo un que nuestro id de cliente es 18f66 este seria un ejemplo de placement donde esta implementado E-Planning y AppNexus

Code Block
languagejs
 pbjs.que.push(function() {
	
	var adUnits = [
		{
			code: 'div-gpt-ad-1438287399331-0',
			sizes: [
				[300, 250],
				[300, 600]
			],
			bids: [
				{ 
					bidder: 'appnexus',
					params: { placementId: '4799418'}
				},
				{
					bidder: 'eplanning',
					params: { ci: '18f66' }
				}
			]
		}
	];
});




↑ Regresar a la tabla de contenido ↑

 ¿Cómo realizo una implementación Display en sitios AMP?,

Para realizar una implementación en sitios AMP, primero debemos extraer el tag de la plataforma administrativa, y luego implementarlo dentro de los tags de espacio de DFP. Por ultimo, debemos implementar un lineitem de callback para renderizar el anuncio en caso de ganar.

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 AMP (3)  . 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

...


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

E-Planning Header Bidder puede ser implementado en publishers que utilicen  Prebid  Server (http://prebid.org/prebid-server) como una nueva fuente de demanda.

Obtener soporte para E-Planning Header Bidder en Prebid Server

Para que la implementación de Prebid server tenga soporte para E-Planning Header Bidder, se debe incluir en la librería de Prebid el adapter de E-Planning , pero ademas, se bebe incluir el adapter  Prebid Server

Image Added

Image Added

Luego, la librería debe ser hosteada en en servidor Prebid Server utilizado, tal como lo indica su  documentación oficial

Obtención  de mi id de cliente único de Header Bidder

Para obtener el id único de cliente, debemos desde la plataforma acceder a IMPLEMENTACIÓN (1), luego en la sección Implementación para display (2) seleccionar la pestaña PREBID (3), donde podremos ver nuestro id único de cliente (4)

Image Added

Declaración E-Planning HB como participe de Prebid Server

Para que E-Planning HB participe de la subasta Prebid Server, se debe incluir  'eplanning' dentro de la lista definida en el atributo bidders del objeto s2sConfig

Expand
title Ver un ejemplo...


Tip
titleEjemplo

Este seria un ejemplo de s2sConfig donde esta implementado E-Planning y AppNexus

Code Block
languagejs
pbjs.setConfig({
        s2sConfig: {
            accountId: '1',
            enabled: true,
            bidders: ['eplanning', 'AppNexus'],
            timeout: 1000,
            adapter: 'prebidServer',
            endpoint: 'https://prebid.adnxs.com/pbs/v1/openrtb2/auction',
            syncEndpoint: 'https://prebid.adnxs.com/pbs/v1/cookie_sync'
        }
    });



Declaración de los placements en mi servidor Prebid Server para ser monetizados también  por E-Planning HB

Si no se contaba con uno, primero, debemos crear un nuevo archivo Stored Request especifico para la configuración de  E-Planning:

stored_requests/data/by_id/stored_imps/<id>.json

Siendo <id> un identificador arbitrario que asignaremos  para el Stored Request.

En el mismo, se debe incorporar  el json de configuración del Stored Request, según lo indica su documentación oficial, asegurándonos de definir correctamente los tamaños a subastar, el dominio y la granularidad de subasta.

Expand
titleVer un ejemplo...


Tip
titleEjemplo

Asumiendo un que nuestro id de cliente es 18f66, y el dominio monetizado es mydomain.com, y granularidad dense, este seria un ejemplo de Stored Request definido para E-Planning:

Code Block
languagejs
 {
    "imp": [
        {
            "ext": {
                "eplanning": {
                    "ci": "18f66"
                }
            },
            "banner": {
                "format": [
                    {
                        "h": 250,
                        "w": 300
                    },
                    {
                        "h": 90,
                        "w": 728
                    }
                ]
            },
            "id": "test-imp-id"
        }
    ],
    "ext": {
        "prebid": {
            "cache": {
                "bids": {}
            },
            "targeting": {
                "pricegranularity": "dense"
            }
        }
    },
    "id": "test-request-id-1",
    "site": {
        "page": "mydomain.com"
    }

}



En caso de que ya contáramos con uno existente, debemos modificar su configuración para incorporar en el placement  el bidder 'eplanning' y cuyo objeto de configuración cuente con el parámetro  'ci', cuyo valor se corresponda con el id de cliente unico de Header Bidder

Expand
titleVer un ejemplo...


Tip
titleEjemplo

Asumiendo un que nuestro id de cliente es 18f66, y que ya contábamos con un stored request creado, solo debemos incorporar el bidder correspondiente a E-Planning, dentro del primer elemento de "imp", en el atributo "ext". Debemos utilizar como nombre del nuevo atributo "eplanning", y como valor un objeto que contenga un atributo "ci", cuyo valor sea el id de cliente respectivo:

Code Block
languagejs
 {
    "imp": [
        {
            "ext": {
				"appnexus": {
                    "placementId": '4799418'
                },
                "eplanning": {
                    "ci": "18f66"
                }
            },
            "banner": {
                "format": [
                    {
                        "h": 250,
                        "w": 300
                    },
                    {
                        "h": 90,
                        "w": 728
                    }
                ]
            },
            "id": "test-imp-id"
        }
    ],
    "ext": {
        "prebid": {
            "cache": {
                "bids": {}
            },
            "targeting": {
                "pricegranularity": "dense"
            }
        }
    },
    "id": "123456789",
    "site": {
        "page": "mydomain.com"
    }

}




↑ Regresar a la tabla de contenido ↑

¿Cómo doy soporte  AMP a Prebid Server?

Para dar soporte AMP a Prebid Server, debe implementarse como atributo en los tags  AMP-AD de DFP que queramos monetizar, dentro de su configuración AMP Real Time Config, el vendor PrebidAppNexus, cuyo objeto de configuración debe contener el atributo PLACEMENT_ID con valor respectivo al id indicado en el Stored Request configurado.

Supongamos que en nuestro sitio tenemos el siguiente tag AMP-AD de DFP que deseamos monetizar:

Expand
titleVer un ejemplo...
Tip
titleEjemplo
Code Block
languagexml
<amp-ad width=300 height=250
    type="doubleclick"
    data-slot="/77069040/Right1"
    >
</amp-ad>
Y desde la plataforma de E-Planning extraemos el siguiente tag AMP
...


Tip
titleEjemplo

Supongamos que en nuestro sitio tenemos el siguiente tag AMP-AD de DFP que deseamos monetizar:

Code Block
languagexml
rtc-config='{"urls": ["https://ads.us.e-planning.net/hb/1/18f66/ADCID/HB_AMP/ROS?&e=ATTR(width)xATTR(height)!ATTR(data-slot)&ur=HREF"], "timeoutMillis": 750}'
Debemos insertar el tag extraído de E-Planning como atributo en el tag de DFP, quedando de
<amp-ad width=300 height=250
    type="doubleclick"
    data-slot="/77069040/Right1"
    >
</amp-ad>

Y que en el Stored Request que queremos utilizar especificamos el siguiente id: 123456789

Debemos completar la configuración RTC de la siguiente manera:

Code Block
languagexml
<amp-ad width=300 height=250
    type="doubleclick"
    data-slot="/77069040/Right1"

   rtc-config='{"urls": ["https://ads.us.e-planning.net/hb/1/18f66/ADCID/HB_AMP/ROS?&e=ATTR(width)xATTR(height)!ATTR(data-slot)&ur=HREF"] rtc-config='{"vendors": {"PrebidAppNexus": {"PLACEMENT_ID": "123456789"}}, "timeoutMillis": 750950}'
    >
</amp-ad>

Implementación del lineitem de renderización en callback

Como ultimo paso para utilizar  Header Bidder en sitios AMP, debemos crear en nuestra cuenta DFP un lineitem de callback. Podemos ver un instructivo completo sobre como realizar esta activación desde este Link



↑ Regresar a la tabla de contenido ↑ 


...

Contenido

Table of Contents
excludeContenido
 

...