Exibir um anúncio premiado

Este exemplo demonstra o uso da biblioteca da Tag do editor do Google (GPT) para solicitar e renderizar um anúncio premiado. Com os formatos de anúncios premiados, os usuários do app e da Web podem receber prêmios por visualizar anúncios. Saiba mais sobre anúncios premiados na Central de Ajuda do Google Ad Manager.

É possível usar os seguintes eventos da GPT para exibir e interagir com anúncios premiados:

Evento Disparado quando...
RewardedSlotClosedEvent Um espaço de anúncio premiado foi fechado.
RewardedSlotGrantedEvent Um prêmio foi concedida por visualizar um anúncio.
RewardedSlotReadyEvent Um espaço de anúncio premiado está pronto para ser exibido.

Neste exemplo, uma caixa de diálogo modal simples é usada para solicitar que o usuário veja o anúncio premiado e mostrar o prêmio após a conclusão. Na prática, é responsabilidade do editor implementar a própria interface para realizar essas tarefas.

Observações sobre uso

  • Para garantir uma experiência ideal ao usuário, os anúncios premiados são solicitados somente em páginas compatíveis com o formato. Por isso, defineOutOfPageSlot() pode retornar null. Verifique esse caso para garantir que você não esteja fazendo nenhum trabalho desnecessário. No momento, os anúncios premiados são compatíveis apenas com páginas otimizadas para dispositivos móveis, em que o zoom é neutro. Normalmente, isso significa que o editor tem <meta name="viewport" content="width=device-width, initial-scale=1"> ou conteúdo semelhante no <head> da página.

  • Os anúncios premiados geram um espaço próprio. Ao contrário de outros tipos, não é necessário definir um <div> para os anúncios premiados. Os anúncios premiados criam e inserem automaticamente o próprio contêiner na página quando um anúncio é preenchido.

Exemplo de implementação

Confira a demonstração