Mostrare un annuncio con premio

Questo esempio mostra come utilizzare la libreria 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 visualizzazione degli annunci. Scopri di più sugli annunci con premio nel Centro assistenza Google Ad Manager.

Puoi utilizzare i seguenti eventi GPT per visualizzare e interagire con gli annunci con premio:

Evento Attivato quando…
RewardedSlotClosedEvent Un'area annuncio con premio è stata chiusa.
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 sia per chiedere all'utente di visualizzare l'annuncio con premio sia per mostrare il premio al termine. In pratica, è responsabilità del publisher implementare la propria interfaccia per svolgere queste attività.

Note sull'utilizzo

  • Per garantire un'esperienza utente ottimale, gli annunci con premio vengono richiesti solo nelle pagine che supportano correttamente il formato. Per questo motivo, defineOutOfPageSlot() potrebbe restituire null; dovresti controllare in questo caso per assicurarti di non svolgere operazioni non necessarie. Al momento, gli annunci con premio sono supportati solo nelle pagine ottimizzate per il mobile in cui lo zoom è neutro. In genere, questo significa che l'editore ha <meta name="viewport" content="width=device-width, initial-scale=1"> o un valore simile nel <head> della pagina.

  • Gli annunci con premio generano la propria area annuncio. A differenza degli altri tipi di annunci, non è necessario definire un valore <div> per gli annunci con premio. Gli annunci con premio creano e inseriscono automaticamente un proprio contenitore nella pagina quando un annuncio viene riempito.

Esempio di implementazione

Visualizza la demo

JavaScript

Caricamento in corso...

TypeScript

Caricamento in corso...