Annunci nelle storie Web

Le storie web sono una coinvolgente esperienza a schermo intero, con contenuti abilitati per il tocco, che immerge gli utenti nella loro lettura. L'inclusione di inserzioni pubblicitarie in storie web consente un'integrazione continua e senza problemi con i contenuti, mantenendo elevati il coinvolgimento e la fruibilità della piattaforma per gli utenti.

Posizionamento degli annunci

Le storie web utilizzano un singolo componente amp-story-auto-ads per stabilire la quantità e il posizionamento degli annunci.

amp-story-auto-ads è un wrapper che racchiude il componente amp-ad e inserisce dinamicamente uno o più annunci mentre l'utente fruisce dei contenuti della storia. Per garantire la migliore esperienza di utilizzo:

1. Il rendering degli annunci è realizzato in via preliminare dal sistema di runtime delle storie Web e solo dopo gli annunci sono inseriti. Ciò garantisce che agli utenti non verrà mai mostrato un annuncio vuoto o non caricato completamente.

2. La densità degli annunci inseriti è ottimizzata in rapporto ai contenuti per evitare problemi di saturazione eccessiva. Il componente amp-story-auto-ads determina quando e dove inserire gli annunci mentre l'utente procede nella storia.

Una storia web inserisce il primo annuncio in una posizione dopo le prime due pagine con l'obiettivo di ottimizzare i ricavi di monetizzazione e l'esperienza dell'utente.

Interazioni utente

Gli utenti possono procedere oltre gli annunci allo stesso modo con cui avanzano tra le normali pagine della storia, cioè toccando i due terzi della parte destra dello schermo.

Gli utenti possono interagire direttamente con l'annuncio toccando il pulsante invito all'azione generato dal sistema, che appare nell'ultimo terzo in fondo a tutti gli annunci nelle storie web. Il pulsante può essere configurato per inviare gli utenti a un URL arbitrario (oppure al relativo app store).

Configurazione di una storia web per gli annunci

Le storie Web non possono supportare un elemento amp-ad direttamente sulla pagina. Invece, tutti gli annunci sono prelevati e visualizzati dal componente amp-story-auto-ads. Il componente amp-story-auto-ads deve essere posizionato direttamente come elemento figlio di amp-story.

<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
// ad server configuration
}
}
</script>
</amp-story-auto-ads>
<amp-story-page>
...
</amp-story>

A differenza di un normale elemento amp-ad, non sono richiesti elementi <fallback> o <placeholder>, poiché gli annunci delle storie web saranno visualizzati una sola volta dopo averne eseguito il rendering completo.

Come iniziare con gli annunci nelle storie

Il modo più semplice per includere annunci nelle storie web è quello di gestirli tramite un server annunci supportato.

Server di annunci che attualmente supportano gli annunci nelle storie web:

• Google Ad Manager
• Annunci a vendita diretta
• Annunci programmati
• Google AdSense (presto disponibile)
• MGID
• Annunci a vendita diretta
• Si possono integrare anche altre piattaforme pubblicitarie (contattaci per i dettagli tramite Github)

Se sei un inserzionista interessato a pubblicare i tuoi annunci all'interno di storie web, ti preghiamo di contattarci per ulteriori informazioni.

Gli editori possono anche inserire annunci personalizzati se impostano un proprio server annunci. Il processo dettagliato è disponibile qui.

• Written by @CrystalOnScript