Mostra un annuncio laterale

Questo esempio mostra annunci laterali utilizzando la libreria Tag publisher di Google (GPT). Scopri di più sugli annunci laterali nel Centro assistenza Google Ad Manager.

Anteprima degli annunci laterali

Puoi mostrare un annuncio laterale dimostrativo su qualsiasi pagina che mostri annunci con GPT aggiungendo #gamLeftSideRailDemo o #gamRightSideRailDemo all'URL. Ad esempio, https://www.example.com/#gamLeftSideRailDemo.

Può essere utilizzato per visualizzare l'anteprima degli annunci laterali sul tuo sito senza dover apportare modifiche al codice. Ciò è particolarmente utile per convalidare rapidamente l'aspetto e il comportamento dei sistemi laterali su dispositivi diversi e in ambienti operativi diversi.

Note sull'utilizzo

  • Per garantire un'esperienza utente ottimale, gli annunci laterali vengono richiesti solo sulle pagine che supportano correttamente il formato. Per questo motivo, defineOutOfPageSlot() potrebbe restituire un valore nullo. Controlla in questo caso per assicurarti di non svolgere lavori superflui. Gli annunci laterali sono supportati quando si verificano le seguenti condizioni:

    • GPT è in esecuzione nella finestra superiore.
    • Le dimensioni dell'area visibile sono di almeno 1200x650 pixel.

  • Richiedi annunci laterali solo sulle pagine e negli ambienti in cui vuoi che venga pubblicato un annuncio laterale. Gli annunci laterali sono idonei alla pubblicazione su tutti i dispositivi.

  • Gli annunci laterali generano un proprio contenitore di annunci. Non è necessario un <div> per gli annunci laterali. Gli annunci laterali creano e inseriscono automaticamente il proprio contenitore nella pagina quando un annuncio si riempie. Questi container sono posizionati il più vicino possibile ai contenuti della pagina principale.

  • Gli annunci laterali sono ottimizzati per adattarsi allo spazio disponibile. Per essere visualizzati, gli annunci laterali richiedono almeno 120x500 pixel di spazio vuoto a sinistra o a destra dei contenuti principali della pagina. Una volta visualizzata, se la pagina viene ridimensionata facendo sì che lo spazio vuoto scenda al di sotto di questo valore minimo, l'area rimane temporaneamente nascosta fino a quando lo spazio non diventa di nuovo disponibile.

  • Se utilizzi un'architettura di richiesta singola (SRA) su una pagina con più aree, non chiamare display() finché non vengono creati div di aree annuncio statiche. Come spiegato nelle best practice per gli annunci, la prima chiamata a display() richiede ogni area annuncio definita prima di quel momento. Sebbene le aree annuncio laterali non richiedano un <div> predefinito, lo fanno le aree annuncio statiche. Chiamare display() prima che questi elementi siano presenti nella pagina può comportare indicatori di qualità inferiori, riducendo la monetizzazione. Per questo motivo, consigliamo di posticipare la chiamata iniziale fino a quando gli slot statici non saranno stati definiti.

  • Aggiorna solo gli annunci laterali visibili. Quando un'area annuncio laterale è compressa o non visibile, tutte le chiamate a refresh() vengono ignorate. Se utilizzi disableInitialLoad() per controllare manualmente il caricamento e l'aggiornamento degli annunci, la prima chiamata a refresh() attiverà una richiesta di annuncio indipendentemente dalla visibilità dell'area.

Esempio di implementazione

Visualizza la demo