Después de integrar la biblioteca de Google Publisher Tag (GPT) en tu sitio y familiarizarte con nuestras prácticas recomendadas generales, ya puedes comenzar a emitir solicitudes de anuncios. A continuación, abordaremos algunas prácticas recomendadas adicionales que debes tener en cuenta cuando configures y trabajes con los espacios de anuncios para aprovechar al máximo tu espacio publicitario con un impacto mínimo en el rendimiento.
Prioriza los espacios publicitarios "importantes"
No todos los espacios de anuncios son iguales. Por ejemplo, los espacios que son visibles en cuanto se carga la página (mitad superior de la página) suelen ser más "importantes" que los que no lo son hasta que se desplazan hasta la vista (mitad inferior de la página), en términos de visibilidad y monetización. Con esto en mente, es importante que consideres cuidadosamente la importancia relativa de cada espacio publicitario en tu página y priorices la carga de los espacios más importantes lo más rápido posible.
Carga los anuncios de la mitad superior de la página con anticipación
Los anuncios que serán visibles en cuanto se cargue la página deben tener la prioridad más alta. Se recomienda que definas estos espacios en el <head>
de tu
documento y los solicites lo antes posible en el proceso de carga de la página. Esto ayuda a garantizar que estos anuncios se carguen con anticipación (lo que maximiza la visibilidad) y que no ralenticen innecesariamente la carga inicial de la página.
Carga los anuncios de la mitad inferior de la página de forma diferida
En el caso de los anuncios que deben desplazarse hasta quedar a la vista, la recuperación y la renderización deben diferirse hasta que los espacios estén a punto de ingresar al viewport. Este es un proceso que se conoce como carga diferida. La carga diferida prioriza por separado la solicitud y la renderización de contenido de creatividades para los espacios que tienen más probabilidades de que se vean. Esto ayuda a optimizar el rendimiento de carga de la página, ya que conserva los recursos limitados del navegador, lo que es especialmente importante en entornos móviles en los que el ancho de banda y la CPU suelen estar muy limitados.
Actualiza los anuncios sin actualizar la página
Hay muchas situaciones en las que es óptimo o incluso necesario reemplazar el contenido de anuncios actual de un espacio. En estos casos, es mejor usar la función de actualización de la biblioteca de GPT para hacerlo de forma dinámica. Esto evita una actualización completa de la página y te permite controlar con precisión las condiciones en las que se actualiza un grupo de posiciones o una sola.
Cuando actualices los espacios de anuncios, es importante que conozcas las prácticas recomendadas de refresh()
y las cumplas.
Actualizar los anuncios de forma inadecuada puede generar problemas de rendimiento y afectar de forma negativa las tasas de visibilidad.
Segmenta anuncios de manera eficaz
Cuando configures la segmentación de par clave-valor, considera cuidadosamente si usar la segmentación a nivel del espacio o de la página. En el caso de los pares clave-valor compartidos entre varios espacios, es más eficaz usar la segmentación a nivel de la página a través del método setTargeting()
de PubAdsService. La segmentación a nivel del espacio publicitario solo debe usarse para registrar pares clave-valor que difieran o no se incluyan en todos los espacios publicitarios.
Ten en cuenta que se pueden usar a la vez la segmentación a nivel del espacio y la segmentación a nivel de la página, como se muestra en el ejemplo de configuración de segmentación. Te recomendamos que primero configures la segmentación a nivel de la página y, luego, apliques las anulaciones a nivel del espacio solo cuando sea necesario. Este enfoque no solo hace un uso eficiente de la API de GPT, sino que también simplifica el código y ayuda a mantener un modelo mental claro de todos los segmentaciones configurados en la página.
Usa la arquitectura de solicitud única correctamente
La arquitectura de solicitud única (SRA) es un modo de solicitud de GPT que agrupa las solicitudes de varios espacios publicitarios en una sola solicitud de anuncio. Esto garantiza que se respeten las exclusiones competitivas y los obstáculos configurados para tu página. Por lo tanto, si tu página usa estos elementos, te recomendamos que habilites la SRA y comprendas cómo usarla correctamente.
En su configuración predeterminada, la SRA solicitará todos los espacios publicitarios definidos en tu página la primera vez que llames a display()
(o refresh()
, si la carga inicial está inhabilitada). Por este motivo, se recomienda que definas todos los espacios publicitarios de tu página en el <head>
del documento, antes de realizar la primera llamada a display()
.
La carga diferida se puede usar junto con este enfoque para garantizar que los espacios ubicados debajo de la mitad inferior de la página no se carguen de inmediato.
Cuando usas SRA, es importante configurar todos los espacios publicitarios por completo (por ejemplo, establecer la segmentación, la exclusión de categorías, etcétera) antes de realizar la primera llamada a display()
. Solo se incluirán los valores configurados antes de este punto en la solicitud inicial de SRA.
Incorrecto: La configuración del espacio publicitario no se incluye en la solicitud de SRA.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Correcto: La configuración del espacio publicitario se incluye en la solicitud de SRA.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Optimiza el tamaño de tus anuncios
Cuando definas tus espacios publicitarios, no solo considera el tamaño máximo del anuncio que se podría publicar, sino también los tamaños más pequeños que podrían adaptarse cómodamente al mismo espacio. En general, cuanto más tamaños especifiques cuando definas un espacio, más anuncios serán aptos para publicarse en él. Esto puede generar tasas de relleno más altas y un aumento en los ingresos.