Guida all'implementazione

Annuncio sovrapposto al video

Overlay ads (non-linear ads)

Annuncio di testo o immagine che copre una parte del video mentre continua a riprodursi, senza fermare il contenuto.

Ad Manager
Ad Exchange
AdSense (tramite Ad Manager)
dentro il player video, sopra una parte del contenuto

Scopri il formato Controlla sul mio sito

Desktop

Cellulare

Capirlo in 1 minuto

Cos'è l'annuncio sovrapposto al video

Sai quando guardi una partita in TV e compare, in una fascia dello schermo, una piccola pubblicità, ma la partita continua? L'annuncio sovrapposto è simile. È un annuncio di testo o di immagine che copre solo una parte del video mentre sta andando. Il video non si ferma: la persona continua a guardare, e l'annuncio sta lì sopra, come un adesivo attaccato a un pezzetto dello schermo.

Nel mondo degli annunci video, questo si chiama annuncio non lineare (non-linear). Lineare è l'annuncio che prende il posto del video, come il pre-roll, che ferma il contenuto. Non lineare è quello che divide lo schermo con il video. In Ad Manager esiste un tipo di creatività chiamato Overlay, che Google descrive come un annuncio che copre parte del contenuto video mentre viene riprodotto. L'annuncio può essere testo, immagine o entrambi. Puoi caricare il file in Ad Manager o usare un file remoto, e puoi configurare durata, scala e link di tracciamento di terze parti.

Sul sito, a mostrare l'overlay è l'IMA SDK, il pacchetto di codice di Google per gli annunci nei player. Nella richiesta, il player indica la larghezza e l'altezza dell'area rettangolare dove l'annuncio non lineare può comparire. Google dice che questa dimensione è obbligatoria per gli annunci non lineari e che aiuta a scegliere l'annuncio, ma non deve essere uguale alla sua dimensione reale. Quando l'annuncio si carica e non è lineare, il codice di esempio di Google continua a riprodurre il video, perché l'annuncio stia sopra il contenuto in movimento.

Ha regole importanti. Se le regole degli annunci video sono attive nella rete o nel tag stesso, gli annunci sovrapposti non possono essere pubblicati. E, secondo la policy video di Google, i controlli del video e dell'annuncio non possono essere coperti, nascosti o non funzionanti. Quindi l'overlay deve stare nell'area giusta senza coprire i pulsanti di play, pausa e volume.

Passo passo

Come implementare

Crea la creatività OverlayNell'elemento pubblicitario video, aggiungi una creatività di tipo Overlay. Carica il file in Ad Manager o usa un file remoto e, se vuoi, configura durata, scala e tracciamento.
Verifica le regole degli annunciSe le regole degli annunci video sono attive nella rete o nel tag, gli annunci sovrapposti non sono idonei. Controlla questo prima di contare sull'overlay.
Indica l'area non lineare nella richiestaNell'AdsRequest di IMA, indica la larghezza e l'altezza dell'area non lineare. Google dice che questi valori sono obbligatori per gli annunci non lineari.
Continua a riprodurre il videoQuando l'annuncio si carica, controlla se è lineare. Se non lo è, ordina al video di continuare a riprodursi, come nell'esempio di Google.
Adatta alla dimensione del playerQuando la finestra cambia dimensione, ridimensiona l'AdsManager con la dimensione del video, perché l'overlay resti nel punto giusto.

Esempio implementato

Il codice e come appare sullo schermo

Va nel codice del player con IMA: indica l'area dell'overlay nella richiesta e mantiene il video in riproduzione quando l'annuncio caricato non è lineare.

<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>

Su desktopUna fascia con testo o immagine compare su una parte del video, mentre il video continua a scorrere sotto.

Su smartphoneCompare anche sopra una parte del video dentro il player, senza mettere in pausa il contenuto, se il player e l'annuncio sono configurati per questo.

Cosa indica Google

Cosa si può e non si può fare

Consentito

Mostrare un annuncio di testo, immagine o entrambi che copre parte del video mentre viene riprodotto.
Caricare la creatività Overlay in Ad Manager o usare un file remoto, con durata, scala e tracciamento facoltativi.
Mantenere il video in riproduzione mentre compare l'annuncio non lineare.
Usare creatività Overlay nel Programmatico garantito ospitato dal publisher.

Non consentito

Con le regole degli annunci video attive nella rete o nel tag, gli annunci sovrapposti non possono essere serviti.
Non si può lasciare che l'overlay copra, nasconda o blocchi i controlli del video e dell'annuncio.
Non si può richiedere un annuncio non lineare senza indicare larghezza e altezza dell'area non lineare: Google dice che sono obbligatorie.
Non usare i prodotti IMA per guadagnare con i video di YouTube.
Non avere più di un player che parte da solo ed è visibile nello stesso momento.

Consigli

Per farlo nel modo giusto

L'esempio di Google usa un'area non lineare di 640 per 150. La dimensione indicata non deve essere uguale a quella dell'annuncio.
Esiste un'opzione in IMA che forza gli annunci non lineari di AdSense a comparire come annuncio lineare a schermo intero. In quel caso, il video va in pausa e riprende quando l'annuncio viene saltato o chiuso.

Attenzione

Errori comuni

Usare l'overlay con le regole degli annunci attive

Google dice che, con le regole degli annunci video attive nella rete o nel tag, gli annunci non lineari non sono idonei. L'overlay semplicemente non compare.

Dimenticare l'area non lineare

Senza indicare larghezza e altezza dell'area non lineare nella richiesta, IMA non ha il criterio obbligatorio per scegliere questo tipo di annuncio.

Mettere in pausa il video durante l'overlay

L'overlay è fatto per comparire con il video in riproduzione. L'esempio di Google ordina al video di continuare quando l'annuncio caricato non è lineare.

Coprire i pulsanti del player

Se l'overlay sta sopra i controlli, la persona non riesce a mettere in pausa né a cambiare il volume, e questo va contro la policy video di Google.

Domande frequenti

L'overlay ferma il video?

No. Copre solo una parte del video mentre il contenuto continua a riprodursi. A fermare il video sono gli annunci lineari, come il pre-roll.

Posso usare l'overlay insieme alle regole degli annunci?

No. Con le regole degli annunci video attive nella rete o nel tag, gli annunci sovrapposti non sono idonei.

Che dimensione devo indicare?

L'esempio di Google usa 640 per 150. Il valore serve a scegliere l'annuncio e non deve essere uguale alla sua dimensione reale.

L'overlay può essere solo testo?

Sì. Google dice che gli annunci sovrapposti possono essere testo, immagine o entrambi.

Biblioteca

Fonte ufficiale di Google

Tutto in questa pagina segue la documentazione ufficiale di Google. Leggila direttamente alla fonte:

Il tuo sito usa questo formato nel modo giusto?

L'audit legge il sito come un visitatore, senza cliccare su nulla, e mostra cosa correggere.

Avvia un audit