Visualizzare un annuncio con premio

Questo esempio mostra l'utilizzo della libreria di Tag publisher di Google (GPT) per richiedere e visualizzare un annuncio con premio. I formati degli annunci con premio consentono agli utenti di app e web di ricevere premi per la loro visualizzazione. Scopri di più sugli annunci con premio nel Centro assistenza Google Ad Manager.

Per visualizzare e interagire con gli annunci con premio puoi usare i seguenti eventi GPT:

Evento Attivato quando...
RewardedSlotClosedEvent È stata chiusa un'area annuncio con premio.
RewardedSlotGrantedEvent È stato assegnato un premio per la visualizzazione di un annuncio.
RewardedSlotReadyEvent Un'area annuncio con premio è pronta per essere visualizzata.

Ai fini di questo esempio, viene utilizzata una semplice finestra di dialogo modale per richiedere all'utente di visualizzare l'annuncio con premio e per mostrare il premio al termine. In pratica, è responsabilità dell'editore implementare la propria interfaccia per svolgere queste attività.

Note sull'utilizzo

  • Per garantire un'esperienza utente ottimale, gli annunci con premio vengono richiesti solo sulle pagine che supportano correttamente il formato. Per questo motivo, defineOutOfPageSlot() potrebbe restituire null; devi verificare questa richiesta per assicurarti di non eseguire operazioni non necessarie. Attualmente, gli annunci con premio sono supportati solo sulle pagine ottimizzate per il mobile in cui lo zoom è neutro. In genere questo significa che il publisher ha <meta name="viewport" content="width=device-width, initial-scale=1"> o un elemento simile in <head> della pagina.

  • Gli annunci con premio generano un'area annuncio personalizzata. A differenza degli altri tipi di annunci, non è necessario definire un <div> per gli annunci con premio. Gli annunci con premio vengono creati e inseriscono automaticamente un contenitore nella pagina quando un annuncio viene riempito.

Esempio di implementazione

Visualizza la demo