Mostrare un annuncio laterale

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

Visualizzare l'anteprima degli annunci laterali

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

Questo può essere utilizzato per visualizzare l'anteprima degli annunci laterali sul tuo sito senza modifiche al codice. Questo è particolarmente utile per convalidare rapidamente l'aspetto e il comportamento dei riquadri laterali su dispositivi e ambienti operativi diversi.

Note sull'utilizzo

  • Per garantire un'esperienza utente ottimale, gli annunci della barra laterale vengono richiesti solo nelle pagine che supportano correttamente il formato. Per questo motivo, defineOutOfPageSlot() potrebbe restituire un valore null. Controlla se si verifica questo caso per assicurarti di non svolgere operazioni non necessarie. Gli annunci laterali sono supportati se si verificano le seguenti condizioni:

    • Il tag GPT è in esecuzione nella finestra principale.
    • Le dimensioni dell'area visibile devono essere di almeno 1200x650 pixel.

  • Richiedi gli annunci laterali solo nelle pagine e negli ambienti in cui vuoi che vengano visualizzati. Gli annunci laterali sono idonei alla pubblicazione su tutti i dispositivi.

  • Gli annunci laterali generano il proprio contenitore dell'annuncio. Non è necessario un <div> per gli annunci laterali. Gli annunci della barra laterale creano e inseriscono automaticamente un proprio contenitore nella pagina quando un annuncio viene visualizzato. Questi contenitori sono posizionati il più vicino possibile ai contenuti della pagina principale.

  • Gli annunci laterali sono ottimizzati per adattarsi allo spazio disponibile. Per la visualizzazione degli annunci nel riquadro laterale, è necessario un minimo di 120x500 pixel di spazio vuoto a sinistra o a destra dei contenuti della pagina principale. Una volta visualizzata, se la pagina viene ridimensionata e lo spazio vuoto scende al di sotto di questo valore minimo, l'area viene temporaneamente nascosta fino a quando lo spazio non torna disponibile.

  • Se utilizzi un'architettura di richiesta singola (SRA) su una pagina con più aree, non chiamare display() finché non vengono creati valori 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 punto. Sebbene le aree annuncio del rail laterale non richiedano un valore <div> predefinito, le aree annuncio statiche lo richiedono. Chiamare display() prima che questi elementi siano presenti nella pagina può generare indicatori di qualità inferiori, riducendo la monetizzazione. Per questo motivo, ti consigliamo di posticipare la chiamata iniziale finché non sono state definite le aree statiche.

  • 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 annuncio.

Esempio di implementazione

Visualizza la demo

JavaScript

Caricamento in corso...

TypeScript

Caricamento in corso...