Una vez que haya integrado la biblioteca de Google Publisher Tag (GPT) en su sitio y esté familiarizado con nuestras prácticas recomendadas generales, estará listo para comenzar a emitir solicitudes de anuncios. A continuación, veremos algunas prácticas recomendadas adicionales que debes tener en cuenta cuando configures el espacio publicitario y trabajes con él para aprovechar al máximo tu espacio publicitario con un impacto mínimo en el rendimiento.
Priorice los espacios publicitarios "importantes"
No todos los espacios publicitarios se crean de la misma forma. Por ejemplo, los espacios que se ven apenas se carga la página (en la mitad superior de la página) suelen ser más "importantes" que aquellos que no son visibles hasta que se desplazan hasta la vista (en la mitad inferior de la página), en términos de visibilidad y monetización. Con esto en mente, es importante que consideres atentamente la importancia relativa de cada espacio publicitario de tu página y que priorices la carga de los espacios más importantes lo más rápido posible.
Cargue los anuncios de la mitad superior de la página con anticipación
Los anuncios que estarán visibles apenas se cargue la página deben tener la máxima prioridad. Se recomienda definir estas ranuras en la <head> del documento y solicitarlas lo antes posible en el proceso de carga de la página. Esto ayuda a garantizar que estos anuncios se carguen de manera temprana (maximiza la visibilidad) y que no ralenticen innecesariamente la carga inicial de la página.
Cargue los anuncios de la mitad inferior de la página de forma diferida
En el caso de los anuncios que deben desplazarse a la vista, la recuperación y la renderización deben diferirse hasta que las ranuras estén cerca de ingresar al viewport. Este es un proceso conocido como carga diferida. La carga diferida prioriza la solicitud y el procesamiento de contenido de creatividades para las ranuras que tienen más probabilidades de visualizarse. 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 restringidos.
Actualice los anuncios sin actualizar la página
Hay muchas situaciones en las que es óptimo o incluso necesario reemplazar el contenido del anuncio actual de un espacio publicitario. 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 de página completa y te permite controlar con precisión las condiciones en las que se actualizan un horario disponible o un grupo de ranuras.
Cuando actualices los espacios publicitarios, es importante que te familiarices con las prácticas recomendadas para refresh() y las cumplas.
Actualizar anuncios de manera inadecuada puede generar problemas de rendimiento y afectar de forma negativa los porcentajes de visibilidad.
Oriente los anuncios de manera eficaz.
Cuando configures la orientación de clave-valor, considera cuidadosamente si deseas usar la orientación a nivel de espacio o de página. Para los pares clave-valor compartidos entre varios espacios, es más eficaz usar la orientación a nivel de página mediante el método setTargeting() de PubAdsService. La orientación a nivel de ranura solo debe usarse para registrar pares clave-valor que difieran o no se incluyan en todas las ranuras.
Ten en cuenta que se puede usar la orientación a nivel de espacio publicitario y de la página a la vez, como se ve en el ejemplo de orientación de conjunto. Se recomienda que primero configures la orientación a nivel de la página y, luego, apliques las anulaciones a nivel del espacio publicitario 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 toda la orientación configurada en la página.
Usa correctamente la arquitectura de solicitud única
La arquitectura de solicitud única (SRA) es un modo de solicitud de GPT que agrupa solicitudes de varios espacios publicitarios en una sola solicitud de anuncio. Esto garantiza que se respetarán las exclusiones competitivas y las publicaciones simultáneas garantizadas en tu página. Por lo tanto, si tu página los utiliza, te recomendamos que habilites SRA y comprendas cómo usarlo de forma correcta.
En su configuración predeterminada, 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). Debido a esto, 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 las ranuras ubicadas en la mitad inferior de la página no se carguen de inmediato.
Cuando se usa SRA, es importante configurar por completo todos los espacios publicitarios (por ejemplo, establecer la orientación, la exclusión de la categoría, etc.) antes de realizar la primera llamada a display(). Solo los valores configurados antes de este punto se incluirán en la solicitud de SRA inicial.
Incorrecto: La configuración del espacio publicitario no está incluida en la solicitud de SRA.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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 de los espacios publicitarios se incluye en la solicitud de SRA.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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>
Optimice el tamaño de sus anuncios
Cuando defina sus espacios publicitarios, considere no solo el anuncio de tamaño máximo que podría publicarse, sino también tamaños más pequeños que podrían ajustarse cómodamente al mismo espacio. En general, cuantos más tamaños especifiques cuando definas un espacio, más anuncios serán aptos para publicarse en él. Esto puede traducirse en mayores tasas de relleno y más ingresos.