Prácticas recomendadas para los anuncios

Una vez que hayas integrado la biblioteca de Google Publisher Tag (GPT) en tu sitio y te hayas familiarizado con nuestras prácticas recomendadas generales, podrás comenzar a emitir solicitudes de anuncios. En las siguientes secciones, abordaremos algunas prácticas recomendadas adicionales que debes tener en cuenta cuando configures y trabajes con espacios publicitarios 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 publicitarios son iguales. Por ejemplo, los espacios que son visibles en cuanto se carga la página (en la mitad superior de la página) suelen ser más "importantes" que los que no son visibles hasta que se desplaza la página (en la mitad inferior de la página), en términos de visibilidad y monetización. Teniendo esto en cuenta, es importante que consideres cuidadosamente la importancia relativa de cada espacio publicitario de 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 elemento <head> de tu documento y que 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 de forma diferida los anuncios que se encuentran en la mitad inferior de la página

En el caso de los anuncios que deben desplazarse para que se puedan ver, 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 conocido como carga diferida. La carga diferida prioriza por separado la solicitud y la renderización del contenido de las creatividades para los espacios publicitarios que tienen más probabilidades de verse. Esto ayuda a optimizar el rendimiento de la 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.

Cómo actualizar los anuncios sin actualizar la página

Existen muchas situaciones en las que es óptimo o incluso necesario reemplazar el contenido del anuncio actual de un espacio. En estos casos, lo mejor es usar la función de actualización de la biblioteca de GPT para hacerlo de forma dinámica. Esto evita que se actualice la página completa y te permite controlar con precisión las condiciones en las que se actualiza un espacio o un grupo de espacios.

Cuando actualices los espacios publicitarios, es importante que conozcas y cumplas con las prácticas recomendadas derefresh(). Actualizar los anuncios de forma inadecuada puede provocar problemas de rendimiento y afectar negativamente los porcentajes de visibilidad.

Segmenta los anuncios de forma eficaz

Cuando configures la segmentación por pares clave-valor, considera cuidadosamente si usarás la segmentación a nivel del espacio o de la página. Para los pares clave-valor que se comparten entre varios espacios, lo más eficaz es usar la segmentación a nivel de la página con googletag.setConfig({ targeting: ... }). La segmentación a nivel del espacio publicitario solo se debe usar para registrar pares clave-valor que difieran o no se incluyan en todos los espacios publicitarios.

Ten en cuenta que la segmentación a nivel del espacio publicitario y de la página se puede usar al mismo tiempo, como se ve en el ejemplo de configuración de la segmentación. Te recomendamos que configures la segmentación primero 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 segmentación configurada 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 anuncios de bloqueo de página configurados para tu página. Por lo tanto, si tu página los utiliza, 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, te recomendamos que definas todos los espacios publicitarios de tu página en el elemento <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 en la mitad inferior de la página no se carguen de inmediato.

Cuando uses la SRA, es importante que configures por completo todos los espacios publicitarios (por ejemplo, que establezcas la segmentación, la exclusión de categorías, etcétera) antes de realizar la primera llamada a display(). Solo se incluirán en la solicitud inicial de SRA los valores configurados antes de este punto.

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.setConfig({ singleRequest: true });
        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.setConfig({ targeting: { 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')
            .addService(googletag.pubads());
        adSlot2.setConfig({ targeting: { test: 'privacy' } });
        // Enable SRA and services.
        googletag.setConfig({ singleRequest: true });
        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, considera no solo el tamaño máximo del anuncio que podría publicarse, sino también los tamaños más pequeños que podrían caber cómodamente en el 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 generar tasas de relleno más altas y mayores ingresos.