Cómo mostrar un anuncio recompensado

En este ejemplo, se muestra el uso de la biblioteca de Google Publisher Tag (GPT) para solicitar y renderizar un anuncio recompensado. Los formatos de anuncios recompensados permiten que los usuarios de apps y la Web reciban recompensas por ver anuncios. Obtén más información sobre los anuncios recompensados en el Centro de ayuda de Google Ad Manager.

Puedes usar los siguientes eventos de GPT para mostrar anuncios recompensados y también para interactuar con ellos:

Evento Se activa cuando…
RewardedSlotClosedEvent Se cerró un espacio publicitario de anuncios recompensados.
RewardedSlotGrantedEvent Se otorgó una recompensa por ver un anuncio.
RewardedSlotReadyEvent Ya se puede mostrar un espacio publicitario de anuncios recompensados.

A los efectos de este ejemplo, se usa un diálogo modal simple para solicitar al usuario que vea el anuncio recompensado y mostrar la recompensa al finalizar. En la práctica, es responsabilidad del publicador implementar su propia interfaz para realizar estas tareas.

Notas de uso

  • Para garantizar una experiencia del usuario óptima, los anuncios recompensados solo se solicitan en páginas que admiten el formato sin problemas. Debido a esto, defineOutOfPageSlot() puede mostrar null. Debes verificar este caso para asegurarte de no estar realizando ningún trabajo innecesario. Actualmente, los anuncios recompensados solo se admiten en páginas optimizadas para dispositivos móviles en las que el zoom es neutral. Por lo general, esto significa que el publicador tiene <meta name="viewport" content="width=device-width, initial-scale=1"> o algo similar en el <head> de la página.

  • Los anuncios recompensados generan su propio espacio publicitario. A diferencia de otros tipos de anuncios, no es necesario definir un <div> para los anuncios recompensados. ya que estos crean e insertan automáticamente su propio contenedor en la página cuando se carga un anuncio.

Ejemplo de implementación

Ver demostración

JavaScript

Cargando…

TypeScript

Cargando…