Guida all'implementazione

Annuncio nativo

Native ads

Annuncio composto da elementi (titolo, immagine, testo) e vestito con l'aspetto del tuo sito, sempre con l'etichetta che avvisa che è un annuncio.

Ad Manager
mobile e desktop

Scopri il formato Controlla sul mio sito

Desktop

Cellulare

Capirlo in 1 minuto

Che cos'è l'annuncio nativo

L'annuncio nativo arriva in pezzi separati, non come un'immagine già pronta. L'inserzionista manda i pezzi, come il titolo, l'immagine e un testo breve. Il tuo sito decide l'abito: colore, carattere, dimensione e posizione di ogni pezzo. È come un kit da montare: la scatola porta i pezzi e tu li monti nel modo che si abbina al tuo salotto. Per questo sembra parte della pagina, come una card in più in un elenco di articoli.

In Ad Manager ci sono due modi per vestire questo annuncio. Il primo sono gli stili nativi, creati dentro Ad Manager stesso, con l'editor di design guidato, che ha modelli pronti, oppure con HTML e CSS, per chi sa scrivere codice. Google dice che gli stili servono sia per il web sia per le app. Il secondo è il codice delle app Android e iOS, in cui lo sviluppatore dell'app riceve gli elementi tramite l'SDK Google Mobile Ads e disegna tutto nel codice dell'app. Per i siti, la strada è lo stile nativo.

Poiché il nativo sembra un contenuto, Google è molto fermo su un punto: chi visita deve sapere che è un annuncio. L'etichetta di attribuzione e l'icona AdChoices segnano la card come pubblicità. Niente può nascondere, coprire o mascherare queste etichette, e l'annuncio deve restare chiaramente separato dal contenuto. È come un cartellone pubblicitario dentro un negozio: può essere bello e abbinarsi all'arredamento, ma deve far capire chiaramente che è pubblicità.

Google ha creato questo formato perché lo stesso annuncio possa comparire con aspetti diversi in ogni parte del sito, senza cambiare ciò che l'inserzionista ha inviato. Sul web, Google consiglia la dimensione Flessibile (fluid), che occupa la larghezza della colonna e regola l'altezza da sola. Conviene quando vuoi annunci che si abbinano al design delle tue pagine, come tra gli elementi di un elenco di post, sempre con l'etichetta di annuncio ben visibile.

Passo passo

Come implementare

Scegli il formato nativoIn Ad Manager, vai in Pubblicazione e poi in Nativo. Usa un formato standard con gli elementi di cui hai bisogno. Per gli annunci programmatici, Google accetta solo formati standard.
Crea lo stileClicca su Nuovo stile nativo e scegli Editor di design guidato oppure HTML e CSS. Nell'editor guidato, il percorso Inizia con i modelli e personalizza serve gli annunci tradizionali e programmatici.
Definisci dimensione e targetingScegli la stessa dimensione delle unità pubblicitarie che riceveranno il nativo. Google consiglia Flessibile. Se lo stile è Flessibile, anche l'unità pubblicitaria deve essere Flessibile, e il targeting dello stile deve coincidere con quello dell'elemento pubblicitario.
Costruisci l'aspetto con l'etichettaMostra tutti gli elementi obbligatori del formato, inclusa l'etichetta di annuncio.
Metti il tag nella paginaDefinisci lo slot nel GPT con la dimensione fluid e metti il div dentro una colonna con larghezza maggiore di zero.

Esempio implementato

Il codice e come appare sullo schermo

Lo script del GPT va nell'head; il div con la chiamata di visualizzazione va nel body, dentro la colonna in cui deve apparire l'annuncio nativo.

<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot nativo com tamanho fluido.
    googletag
      .defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
      .addService(googletag.pubads());
    googletag.enableServices();
  });
</script>

<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("nativo-exemplo");
  });
</script>

Su desktopAppare come una card che si abbina al sito, con immagine, titolo, testo e l'etichetta di annuncio. Con la dimensione Flessibile (fluid), occupa la larghezza della colonna in cui si trova.

Su smartphoneAppare allo stesso modo, adattato alla larghezza dello schermo. Negli stili programmatici, l'icona AdChoices resta visibile nell'angolo in alto a destra.

Cosa indica Google

Cosa si può e non si può fare

Consentito

Creare stili nativi dentro Ad Manager, con l'Editor di design guidato o con HTML e CSS.
Usare la dimensione Flessibile (fluid), che Google consiglia per dare più libertà all'aspetto.
Cambiare l'aspetto dell'etichetta di attribuzione per adattarla al layout, purché resti facile da leggere.
Mostrare lo stesso annuncio con layout diversi in parti diverse del sito.
Creare un formato nativo personalizzato per annunci tradizionali, sapendo che non riceve annunci programmatici.

Non consentito

Nascondere, coprire o mascherare l'etichetta di attribuzione o l'icona AdChoices.
Rendere l'annuncio difficile da distinguere dal contenuto. Google richiede che gli annunci siano chiaramente separati dal contenuto.
Far imitare agli elementi dell'annuncio i pulsanti di navigazione della pagina.
Non mostrare gli elementi obbligatori del formato, come l'etichetta di annuncio e il titolo.
Ritagliare immagini e video, cambiarne le proporzioni o sovrapporre elementi.
Mettere un'altra parte dell'annuncio nell'angolo riservato ad AdChoices.

Consigli

Per farlo nel modo giusto

Nel formato di contenuto programmatico, il titolo ha fino a 90 caratteri. Pianifica lo spazio tenendone conto.
Gli annunci fluidi funzionano meglio dentro una colonna con larghezza maggiore di zero pixel.
Usa testo con buon contrasto e solo font accettati. Negli stili programmatici, Google non accetta font o librerie di terze parti.
Google avverte che gli annunci fluidi possono impiegare più tempo ad apparire e possono spostare il contenuto circostante quando cambiano altezza.

Attenzione

Errori comuni

Dimensione dello stile diversa dall'unità

Se lo stile è Flessibile, anche l'unità pubblicitaria deve essere Flessibile. Google dice che le dimensioni devono essere uguali.

Formato personalizzato che aspetta programmatico

Un formato nativo personalizzato non riceve annunci programmatici. Per il programmatico valgono solo i formati standard.

Riquadro senza larghezza o con altezza bloccata

Un annuncio fluido in una colonna di larghezza zero, o dentro un riquadro con altezza fissa inferiore all'annuncio, può apparire in modo errato.

Domande frequenti

L'annuncio nativo deve davvero dire che è un annuncio?

Sì. L'etichetta di attribuzione e AdChoices servono perché nessuno confonda l'annuncio con il contenuto, e non possono essere nascosti né mascherati.

Il codice delle app Android e iOS funziona in un sito?

No. Google descrive questo percorso per le app Android e iOS, con l'SDK Google Mobile Ads. Nei siti, la strada è lo stile nativo.

Posso usare la dimensione fluida in altri annunci?

Secondo la documentazione del GPT, oggi l'annuncio nativo è l'unico tipo fluido che Ad Manager accetta.

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