Guida all'implementazione

Annuncio companion

Companion ads

Banner che appare nella pagina nello stesso momento in cui un annuncio video o audio viene riprodotto nel player, formando una coppia.

Ad Manager
nella pagina, in spazi display vicini al player video o audio

Scopri il formato Controlla sul mio sito

Desktop

Cellulare

Capirlo in 1 minuto

Che cos'è l'annuncio companion

Pensa a un concerto: mentre la cantante è sul palco, uno schermo di fianco mostra il nome della canzone. I due raccontano la stessa storia nello stesso momento. L'annuncio companion è così. Mentre l'annuncio video o audio viene riprodotto nel player, un banner dello stesso annuncio compare in uno spazio pubblicitario della pagina, vicino al player.

Google spiega che gli annunci companion permettono di mostrare annunci in spazi display nello stesso momento in cui un annuncio viene servito in un player video o audio. Dipendono sempre dall'annuncio principale, chiamato master: senza master, non esiste il companion. È come il maxischermo del concerto, che ha senso solo se c'è qualcuno che canta. Un annuncio VAST può contenere fino a 6 annunci display companion.

Come fa il sito? Gli spazi display vicino al player sono creati con la GPT, la Google Publisher Tag, che è il codice di Google per gli spazi pubblicitari. La GPT ha tre elementi per questo. Il primo, companionAds, dice che quello spazio può ricevere un companion quando c'è un annuncio VAST in riproduzione in un player della stessa pagina. Il secondo, setRefreshUnfilledSlots, chiede di riempire più tardi gli spazi rimasti vuoti. Il terzo, enableVideoAds, fa usare alla GPT e all'IMA SDK lo stesso correlator, un numero uguale in tutte le richieste di annunci della stessa visualizzazione di pagina. Dal lato del player, l'IMA invia le dimensioni dei companion nel parametro ciu_szs del tag.

Quando conviene? Quando hai annunci video o audio e vuoi che l'annuncio compaia anche nella pagina. Per i player video che possono ricevere annunci audio, Google consiglia vivamente di usare banner companion, perché il player non resti vuoto mentre l'audio è in riproduzione. Alcune attenzioni: lo spazio deve avere la stessa dimensione del companion, gli annunci responsive non sono supportati come companion del video e, se il player è dentro un iframe, serve uno script proxy della GPT.

Passo passo

Come implementare

Indica le dimensioni nell'elemento pubblicitarioQuando crei l'elemento pubblicitario video e audio, indica la dimensione prevista del creativo master e le dimensioni dei companion.
Aggiungi i creativi companionUsa uno dei tipi accettati: Immagine, Campaign Manager 360, Terze parti, Personalizzato, Formato nativo (Beta) o modelli di creatività standard o personalizzati.
Carica il GPT nella pagina principaleL'IMA per HTML5 riconosce gli spazi del GPT solo quando questo si carica nella pagina principale. Se il player è in un iframe, includi lo script proxy del GPT.
Crea lo spazio companionDefinisci lo spazio con companionAds e pubads, attiva il riempimento degli spazi vuoti, attiva gli annunci video e mostra lo spazio. Definisci gli spazi prima che il player mostri gli annunci.
Invia le dimensioni nel tag del playerNel tag IMA, usa il parametro ciu_szs con le dimensioni dei companion separate da virgola, come 728x90,300x250.
Evita il lampeggio nell'autoplaySe il video o l'audio parte da solo, il GPT può usare disableInitialLoad per non mostrare per un istante un banner normale prima che arrivi il companion.

Esempio implementato

Il codice e come appare sullo schermo

Il GPT va nell'head della stessa pagina del player, e il riquadro del companion va vicino al player, con la stessa dimensione dell'annuncio companion.

<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->

Su desktopMentre l'annuncio viene riprodotto nel player, un banner dello stesso annuncio compare in uno spazio display della pagina.

Su smartphoneIl banner companion appare in uno spazio display della pagina mentre l'annuncio viene riprodotto nel player. Con dimensione fluid, occupa la stessa percentuale di spazio su qualsiasi schermo.

Cosa indica Google

Cosa si può e non si può fare

Consentito

Mostrare fino a 6 annunci companion per ogni annuncio VAST.
Usare companion di tipo Immagine, Campaign Manager 360, Terze parti, Personalizzato, Formato nativo (Beta) o modelli di creatività.
Chiedere che gli spazi companion vuoti vengano riempiti in seguito con un altro annuncio della tua rete.
Usare companion di dimensione fluid, che occupano la stessa percentuale di spazio su qualsiasi schermo.
Usare banner companion nei player video che possono ricevere annunci audio, cosa che Google consiglia vivamente.

Non consentito

Il companion non esiste da solo: dipende sempre dall'annuncio master.
Gli annunci responsive non sono supportati come companion video.
L'IMA non supporta la funzione di clic per attivare nei companion video.
I formati con video nativo attivato non possono essere usati come companion.
Con il player in un iframe, il GPT non viene riconosciuto senza lo script proxy.

Consigli

Per farlo nel modo giusto

Per gli spazi creati durante la pagina, definiscili prima che il player mostri gli annunci.
Se il VAST contiene meno companion degli spazi definiti, gli spazi che avanzano possono essere riempiti dalla tua rete.
Nel parametro ciu_szs, la barra verticale tra le dimensioni indica uno spazio con più dimensioni.
Chi non usa il GPT può ottenere il companion tramite l'API IMA, scegliendo la dimensione e mettendo il contenuto nel riquadro quando l'annuncio inizia.

Attenzione

Errori comuni

GPT dentro un iframe

L'IMA per HTML5 riconosce gli spazi del GPT solo nella pagina principale. In un iframe, senza lo script proxy, il companion non appare.

Dimensione che non corrisponde

Il companion deve avere la stessa dimensione dello spazio. Uno spazio 728x90 non riceve un companion 300x250.

Dimenticare le dimensioni nel tag

Un player con IMA deve inviare le dimensioni dei companion nel parametro ciu_szs. Senza di esse, il server non sa quali dimensioni accetta la pagina.

Banner che lampeggia prima del companion

In un video o audio che parte da solo, un banner normale può apparire per un istante. Google indica disableInitialLoad per evitarlo.

Domande frequenti

Il companion appare senza il video?

No. Dipende sempre dall'annuncio master che viene riprodotto nel player. Se non c'è un companion, lo spazio può ricevere un altro annuncio della tua rete.

Quanti companion posso avere?

Un annuncio VAST può contenere fino a 6 annunci display companion.

Funziona con l'annuncio audio?

Sì. Nei player video che possono ricevere annunci audio, Google consiglia vivamente di usare banner companion, perché il player non resti vuoto mentre il suono è in riproduzione.

A cosa serve enableVideoAds?

Fa usare alla GPT e all'IMA SDK lo stesso correlator, un numero uguale in tutte le richieste di annunci della stessa visualizzazione di pagina.

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