Cómo mostrar un anuncio recompensado

En este ejemplo, se muestra cómo usar 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 sitios 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 e interactuar con ellos:

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

A los fines de este ejemplo, se usa un diálogo modal simple para pedirle al usuario que vea el anuncio recompensado y que muestre la recompensa cuando finalice. 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 correctamente. Debido a esto, defineOutOfPageSlot() puede mostrar null. Debes verificar este caso para asegurarte de que no estás haciendo 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 un <meta name="viewport" content="width=device-width, initial-scale=1"> o uno 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. Los anuncios recompensados crean y, luego, insertan automáticamente su propio contenedor en la página cuando se carga un anuncio.

Ejemplo de implementación

Ver demostración