Apri lo spazio

Guida all'implementazione

Annuncio display

Display ads

Il classico annuncio di AdSense: un rettangolo o una fascia che metti dove vuoi e che può adattarsi da solo alla dimensione dello schermo.

  • AdSense
  • mobile e desktop
Scopri il formatoControlla sul mio sito
Desktop
Cellulare

Capirlo in 1 minuto

Che cos'è l'annuncio display

L'annuncio display è il tipo più conosciuto di AdSense. Pensa a un cartellone appeso al muro della scuola: sta in un posto fisso e tutti quelli che passano riescono a vederlo. Nel sito è uguale. Scegli uno spazio nella pagina, ci incolli un pezzo di codice, e Google mette un annuncio in quello spazio.

Ci sono due modi per creare questo annuncio. Il primo è il responsive, che è quello che Google consiglia. Funziona come l'acqua in un bicchiere: prende la forma dello spazio in cui è stato messo. Se la persona apre il sito sul computer, sul tablet o sul telefono, l'annuncio calcola da solo la dimensione giusta. Se la persona ruota il telefono, viene caricato un nuovo annuncio, della dimensione giusta. Il secondo modo è quello fisso, in cui scegli larghezza e altezza esatte, per esempio 300 per 250 pixel. Google avverte che con la dimensione fissa possono esserci meno annunci disponibili, e questo può ridurre i guadagni.

Le dimensioni che Google indica come quelle con le migliori prestazioni sono 300x250 (rettangolo medio), 336x280 (rettangolo grande), 728x90 (leaderboard), 300x600 (mezza pagina) e 320x100 (banner grande per mobile). Con il telefono in verticale, l'annuncio responsive può allungarsi e occupare l'intera larghezza dello schermo, perché i test di Google hanno mostrato che così funziona meglio. Questo avviene solo quando il sistema ritiene che darà un buon risultato e una buona esperienza a chi visita.

Conviene usare l'annuncio display quando vuoi decidere di persona dove compare ogni annuncio, per esempio in cima all'articolo o accanto al testo. Ricorda solo che il posto scelto deve rispettare le regole di posizionamento di Google: l'annuncio non può essere mascherato da contenuto, bisogna fare attenzione a non attaccarlo a menu o pulsanti, e lo schermo non può avere più annunci che contenuti.

Passo passo

Come implementare

  1. Apri il menu degli annunciAccedi al tuo account AdSense, clicca su Annunci e poi su Per unità pubblicitaria.
  2. Scegli Annunci displayClicca su Annunci display e dai all'unità un nome descrittivo e univoco, facile da riconoscere.
  3. Scegli la dimensioneSeleziona Responsive, che è quello consigliato da Google, oppure Fisso, se vuoi inserire una larghezza e un'altezza esatte.
  4. Prendi il codiceClicca su Salva e ottieni il codice e copia il codice dell'unità.
  5. Incolla nella paginaIncolla il codice tra i tag body, nel punto esatto della pagina in cui l'annuncio deve apparire. Poi clicca su Fine.
  6. Aspetta che appaiaDi solito gli annunci compaiono in pochi minuti, ma possono volerci fino a un'ora. Se non compaiono, controlla nella pagina Siti se il tuo sito ha già lo stato Pronto.

Esempio implementato

Il codice e come appare sullo schermo

Questo codice va dentro il body, esattamente nel punto della pagina in cui l'annuncio deve apparire.
<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
Su desktopAppare come un rettangolo o una fascia nello spazio che hai riservato, per esempio una fascia 728x90 in alto o un rettangolo 300x250 accanto al testo.
Su smartphoneL'annuncio responsive si adatta alla larghezza dello schermo. Con il telefono in verticale, può occupare l'intera larghezza dello schermo.

Cosa indica Google

Cosa si può e non si può fare

Consentito

  • Scegliere la dimensione responsive, che è quella consigliata da Google, oppure una dimensione fissa.
  • Usare le dimensioni che Google indica come quelle con le migliori prestazioni: 300x250, 336x280, 728x90, 300x600 e 320x100.
  • Mettere il codice dentro un div o una tabella per posizionare l'annuncio, per esempio centrato nella pagina.
  • Scrivere un'etichetta sopra l'annuncio. La policy di Google consente solo i nomi Pubblicità o Link sponsorizzati (in inglese, Advertisements o Sponsored Links).
  • Mettere più annunci nella stessa pagina, purché lo schermo non abbia mai più annunci che contenuto.
  • Definire la dimensione dell'annuncio responsive per ogni larghezza di schermo con il CSS, seguendo l'esempio della guida di Google, e testare poi su vari dispositivi.

Non consentito

  • Chiedere clic, con frasi come clicca sull'annuncio, o dire che il clic aiuta il sito. È vietato anche dare qualsiasi premio in cambio di un clic.
  • Mettere l'annuncio vicino a menu, link, pulsanti di download, pulsanti di play, player video o finestre di gioco, dove la persona può cliccare per errore.
  • Usare frecce, simboli o animazioni vistose per attirare lo sguardo sull'annuncio.
  • Mettere l'annuncio sotto titoli ingannevoli come Risorse o Link utili, oppure farlo sembrare contenuto del sito.
  • Avere più annunci che contenuto sullo schermo, o mostrare annunci su schermate senza contenuto, come pagine di ringraziamento, di errore o di uscita.
  • Far ricaricare da sola la pagina o l'annuncio, senza che la persona lo chieda.

Consigli

Per farlo nel modo giusto

Attenzione

Errori comuni

Codice fuori dal body

Incollare il codice dell'unità fuori dai tag body impedisce agli annunci di apparire correttamente.

Riquadro senza larghezza

Se l'annuncio responsive sta in un riquadro senza larghezza definita, come un elemento flottante, non riesce a calcolare la dimensione. Definisci la larghezza con le media query CSS.

Altezza bloccata

Un riquadro con altezza fissa o limitata disturba l'annuncio responsive. Google consiglia di evitarlo.

Script che nasconde contenuto

Gli script che girano prima dell'annuncio e nascondono parti della pagina possono impedire il calcolo della dimensione. La soluzione indicata è definire la dimensione con le media query CSS.

Domande frequenti

Responsive o fisso, quale scegliere?

Google consiglia il responsive. Il fisso può avere meno annunci disponibili, e questo può ridurre i guadagni.

Quanto tempo ci mette l'annuncio ad apparire?

Di solito pochi minuti, ma può servire fino a un'ora.

Quanti annunci posso mettere in una pagina?

La policy non fissa un numero. La regola è che lo schermo non abbia più annunci che contenuto, e Google ricorda che meno può essere meglio.

Ruotare il telefono cambia l'annuncio?

Sì. Quando lo schermo cambia orientamento, viene caricato un nuovo annuncio della dimensione giusta. Il precedente viene conservato e torna se la persona ruota di nuovo il telefono.

Posso nascondere l'annuncio su schermi piccoli?

Sì. La guida di Google mostra come usare il CSS con display none per nascondere l'unità a una certa larghezza di schermo. Nascosto così, l'annuncio non viene nemmeno richiesto.

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