Abrir espacio

Guía de implementación

Anuncio recompensado en la web

Rewarded ads for web

La persona elige ver un anuncio y, a cambio, recibe un premio del sitio, como más artículos desbloqueados o una vida extra en un juego.

  • Ad Manager
  • celular, tableta y escritorio (en páginas optimizadas para celular)
Aprender el formatoRevisar en mi sitio
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio recompensado en la web

El anuncio recompensado es un anuncio que la persona elige ver para obtener algo del sitio. Es como en un parque de diversiones: entregas un boleto y te dan una vuelta en el juego. Aquí, el boleto es ver el anuncio, y el premio puede ser leer más artículos, ganar monedas o una vida extra en un juego, o desbloquear el Wi-Fi del aeropuerto. Lo más importante: la persona tiene que decir que sí antes. A nadie se le obliga a verlo.

En Ad Manager, quien muestra este anuncio es el GPT, el Google Publisher Tag, que es el código de Google que solicita anuncios. Creas un slot, que es el espacio de anuncios, de tipo recompensado. Cuando el anuncio está listo, el GPT avisa a tu sitio. Entonces el sitio muestra una invitación, por ejemplo: ¿quieres ver un anuncio para ganar un premio? Si la persona dice que sí, tu código le pide al GPT que muestre el anuncio a pantalla completa. Si dice que no, el espacio se elimina.

El sitio es quien crea la pantalla de invitación y quien entrega el premio. Para ganar, el anuncio debe quedar visible por al menos 7 segundos y, cuando es video, la persona debe verlo. Si la persona intenta cerrarlo antes, recibe un aviso de que va a perder el premio. Cuando termina, el anuncio queda en pantalla hasta que la persona lo cierre.

Hay reglas estrictas. El premio no puede ser dinero, tarjeta de regalo, criptomoneda ni objeto físico. Tiene que usarse solo dentro de tu sitio o app y no se puede pasar a otra persona. Antes de cada anuncio, tienes que decir con claridad qué debe hacer la persona y qué va a ganar. Este formato tiene sentido cuando tu sitio tiene algo que la gente realmente quiere, como contenido cerrado o ventajas dentro de un juego.

Paso a paso

Cómo implementarlo

  1. Crea el bloque y define el premioCrea un bloque de anuncios e indica la cantidad y el tipo de premio. Lo predeterminado de Ad Manager es 1 premio por anuncio visto, y puedes cambiarlo.
  2. Crea el elemento de pedidoEn reservas, elige el tipo Video o audio con el tamaño 1x1v (Video / VAST). En Ad Exchange, elige Display (Estándar) con el tamaño 1x1 (personalizado). El tamaño del bloque no cambia la entrega.
  3. Desactiva el bloqueo de videoLa protección Bloquear anuncios en video que no son in-stream tiene que estar desactivada para que el anuncio recompensado funcione.
  4. Coloca el GPT y muestra la invitaciónCuando el GPT avise que el anuncio está listo, muestra tu invitación. Solo si la persona acepta, pídele al GPT que haga visible el anuncio.
  5. Entrega el premio y elimina el slotCuando el GPT avise que se concedió el premio, guarda esa información. Cuando se cierre el anuncio, entrega el premio y destruye el slot.
  6. Si quieres, confirma desde el servidorLa verificación del lado del servidor (SSV) hace que los servidores de Google avisen a tu sistema cuando alguien completa el anuncio, lo que ayuda contra el fraude.

Ejemplo implementado

El código y cómo se ve en pantalla

Todo va en el head de la página; cambia la ventana de confirmación simple por la invitación con el aspecto de tu sitio.
<!-- No head; a página precisa da etiqueta de viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  let rewardedSlot;
  let rewardPayload;

  googletag.cmd.push(() => {
    rewardedSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.REWARDED
    );
    // Volta null se a página ou o aparelho não aceitar premiado
    if (!rewardedSlot) return;
    rewardedSlot.addService(googletag.pubads());

    googletag.pubads().addEventListener("rewardedSlotReady", (event) => {
      // Seu convite: o anúncio só aparece se a pessoa disser sim
      if (confirm("Ver um anúncio para liberar 3 artigos?")) {
        event.makeRewardedVisible();
      } else {
        googletag.destroySlots([rewardedSlot]);
      }
    });

    googletag.pubads().addEventListener("rewardedSlotGranted", (event) => {
      rewardPayload = event.payload; // prêmio concedido
    });

    googletag.pubads().addEventListener("rewardedSlotClosed", () => {
      // Entregue o prêmio (se rewardPayload existir) e apague o slot
      googletag.destroySlots([rewardedSlot]);
    });

    googletag.enableServices();
    googletag.display(rewardedSlot);
  });
</script>
En el escritorioEn la computadora, no aparece nada hasta que la persona acepta la invitación del sitio; después, el anuncio se abre a pantalla completa con controles para cerrar y para el sonido.
En el celularEn el celular, la página tiene que estar optimizada con la etiqueta viewport; cuando la persona acepta, el anuncio ocupa toda la pantalla hasta que la persona lo cierre.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Dar premios que solo valen dentro de tu sitio o app y no se pueden pasar a otra persona, como artículos desbloqueados, monedas de juego o una vida extra.
  • Dar un descuento o cupón para un artículo físico, siempre que no pase del 25% del valor total del artículo.
  • Dar un premio aleatorio, si la probabilidad se dice antes, si todos los premios posibles son fáciles de ver (incluso si es posible no ganar nada) y si la probabilidad es mayor que cero.
  • Usar íconos para explicar el intercambio, siempre que cualquier persona lo entienda sin dudas.
  • Pedir varios anuncios por un premio, siempre que se diga antes cuántos anuncios son y cuál es el premio.

No se puede

  • No des dinero, criptomonedas, tarjetas de regalo ni nada que funcione como pago en el mundo real.
  • No des objetos físicos ni puntos de fidelidad que se puedan transferir.
  • No muestres el anuncio sin que la persona acepte antes, con un botón claro de sí o aceptar.
  • No estorbes el uso normal del sitio de quien dice que no u omite el anuncio.
  • No uses textos o íconos que empujen a la persona hacia una elección, como decir que ver el anuncio ayuda al negocio.
  • No digas ni des a entender que Google verifica o garantiza el premio.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

Página sin etiqueta viewport

El anuncio recompensado solo funciona en páginas optimizadas para celular, con zoom neutro. Sin la etiqueta viewport, el GPT puede no crear el slot.

No verificar si el slot volvió vacío

El GPT devuelve null cuando la página no admite anuncios recompensados. El código tiene que detenerse en ese caso.

No eliminar el slot al cerrar

El ejemplo de Google destruye el slot cuando la persona cierra el anuncio o rechaza la invitación. Sigue el mismo camino en tu código.

Bloqueo de video activado

Con la protección Bloquear anuncios en video que no son in-stream activada, el anuncio recompensado no se entrega.

Preguntas frecuentes

¿Quién entrega el premio?

Tú. El sitio crea la invitación, entrega el premio y es el único responsable de él.

¿Cuánto tiempo tiene que verlo la persona?

El anuncio debe quedar visible por al menos 7 segundos. Si es video, la persona debe verlo. Google lo cuenta como completado cuando el video termina, cuando se alcanza el tiempo de visualización definido o cuando llega el punto de omitir.

¿Funciona en la computadora?

Sí. El anuncio recompensado en la web vale para computadora, celular y tableta, siempre en páginas optimizadas para celular.

¿Necesito crear un div?

No. El anuncio recompensado crea su propio cuadro cuando hay un anuncio.

¿Puedo pedir que la persona vea el anuncio para ayudar al sitio?

No. Las políticas prohíben textos que empujen a la persona, como decir que ver el anuncio ayuda al negocio. Describe solo la acción y el premio.

Biblioteca

Fuente oficial de Google

Todo en esta página sigue la documentación oficial de Google. Léela directo en la fuente:

¿Tu sitio usa este formato de la manera correcta?

La auditoría lee el sitio como un visitante, sin hacer clic en nada, y muestra qué corregir.

Hacer una auditoría