Mostrare un annuncio ancorato

Questo esempio mostra un annuncio ancorato che utilizza la libreria Tag publisher di Google (GPT). Scopri di più sugli annunci ancorati nel Centro assistenza Google Ad Manager.

Visualizza l'anteprima degli annunci ancorati

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

Questa funzionalità può essere utilizzata per visualizzare l'anteprima degli annunci ancorati sul tuo sito senza dover apportare modifiche al codice. Ciò è particolarmente utile per convalidare rapidamente l'aspetto e il comportamento degli ancoraggi su dispositivi e ambienti operativi diversi.

Note sull'utilizzo

  • Per garantire un'esperienza utente ottimale, gli annunci ancorati vengono richiesti solo sulle pagine che supportano correttamente il formato. Per questo motivo, defineOutOfPageSlot() potrebbe restituire un valore nullo; devi verificare in questo caso per assicurarti di non eseguire operazioni non necessarie. Attualmente, gli annunci ancorati sono supportati se si verificano le seguenti condizioni:

    • GPT è in esecuzione nella finestra superiore.
    • Su una pagina ottimizzata per dispositivi mobili in cui lo zoom è neutro; in genere significa che l'editore ha <meta name="viewport" content="width=device-width, initial-scale=1"> o un valore simile nella <head> della pagina.
    • L'area visibile è in un orientamento verticale con una larghezza compresa tra 320px e 1000px.

  • Richiedi annunci ancorati solo nelle pagine e negli ambienti in cui vuoi che venga visualizzato un ancoraggio. Gli annunci ancorati sono idonei per la pubblicazione su computer, tablet e dispositivi mobili.

  • Gli annunci ancorati generano un proprio contenitore di annunci. A differenza degli altri tipi di annunci, non è necessario definire un <div> per gli annunci ancorati. Gli annunci ancorati creano automaticamente e inseriscono un proprio contenitore nella pagina quando un annuncio viene riempito. Questi container possono sovrapporsi o oscurare altri elementi utilizzando un posizionamento assoluto o fisso, quindi è consigliabile evitare di posizionare questi elementi in aree in cui devono apparire i tasselli.

  • 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. Anche se le aree annuncio ancorate non richiedono un valore <div> predefinito, le aree annuncio statiche lo richiedono. Chiamare display() prima che questi elementi siano presenti nella pagina può comportare indicatori di qualità inferiore, riducendo la monetizzazione. Per questo motivo, ti consigliamo di ritardare la chiamata iniziale finché non saranno stati definiti gli slot statici.

  • Solo gli annunci ancorati visibili potrebbero essere aggiornati. Quando un'area annuncio di ancoraggio viene compressa o non è ancora visibile tramite scorrimento, 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