Dopo aver integrato la libreria Tag publisher di Google (GPT) nel tuo sito e aver acquisito familiarità con le nostre best practice generali, puoi iniziare a inviare richieste di annunci. Nelle sezioni seguenti, illustreremo alcune best practice aggiuntive da tenere presente durante la configurazione e l'utilizzo delle aree annuncio, per sfruttare al meglio lo spazio pubblicitario con un impatto minimo sul rendimento.
Assegna la priorità alle aree annunci "importanti"
Non tutte le aree annuncio sono uguali. Ad esempio, le aree visibili non appena la pagina viene caricata (above the fold) sono in genere più "importanti" di quelle che non sono visibili finché non vengono visualizzate tramite scorrimento (below the fold), in termini di visibilità e monetizzazione. Tenendo presente questo aspetto, è importante valutare attentamente l'importanza relativa di ogni area annuncio nella pagina e dare la priorità al caricamento delle aree più importanti il più rapidamente possibile.
Carica in anticipo gli annunci above the fold
Gli annunci che saranno visibili non appena la pagina viene caricata devono avere la priorità
più alta. Ti consigliamo di definire queste aree annuncio nella sezione <head> del documento e di richiederle il prima possibile durante il processo di caricamento della pagina. In questo modo, gli annunci vengono caricati in anticipo (massimizzando la visibilità) e non rallentano inutilmente il caricamento iniziale della pagina.
Carica lentamente gli annunci below the fold
Per gli annunci che devono essere visualizzati scorrendo la pagina, il recupero e il rendering devono essere posticipati finché le aree annuncio non sono vicine all'area visibile. Questo processo è noto come caricamento lento. Il caricamento lento, invece, dà la priorità alla richiesta e alla visualizzazione dei contenuti delle creatività per le aree annuncio che hanno maggiori probabilità di essere visualizzate. In questo modo, le prestazioni di caricamento della pagina vengono ottimizzate conservando le risorse limitate del browser, il che è particolarmente importante negli ambienti mobile in cui la larghezza di banda e la CPU sono spesso fortemente limitate.
Aggiorna gli annunci senza aggiornare la pagina
Esistono molti scenari in cui è ottimale o addirittura necessario sostituire i contenuti dell'annuncio corrente di un'area annuncio. In questi casi, è meglio utilizzare la funzionalità di aggiornamento della libreria GPT per farlo in modo dinamico. In questo modo si evita un aggiornamento completo della pagina e puoi controllare con precisione le condizioni in cui un'area o un gruppo di aree vengono aggiornati.
Quando aggiorni le aree annuncio, è importante conoscere e rispettare le best practice di refresh().
L'aggiornamento inappropriato degli annunci può causare problemi di prestazioni e influire negativamente sui tassi di visibilità.
Scegli un target degli annunci efficace
Quando configuri il targeting per coppie chiave-valore, valuta attentamente se utilizzare il targeting a livello di area annuncio o di pagina. Per le coppie chiave-valore condivise tra più aree, è più efficace utilizzare il targeting a livello di pagina con googletag.setConfig({ targeting: ... }). Il targeting a livello di area annuncio deve essere utilizzato solo per registrare coppie chiave-valore diverse o non incluse in tutte le aree annuncio.
Tieni presente che il targeting a livello di area annuncio e di pagina può essere utilizzato contemporaneamente, come mostrato nell'esempio di impostazione del targeting. Ti consigliamo vivamente di configurare il targeting prima a livello di pagina e poi di applicare gli override a livello di area annuncio solo se necessario. Questo approccio non solo consente di utilizzare l'API GPT in modo efficiente, ma semplifica anche il codice e aiuta a mantenere un modello mentale chiaro di tutto il targeting configurato nella pagina.
Utilizza correttamente l'architettura di richiesta singola
L'architettura di richiesta singola (SRA) è una modalità di richiesta GPT che raggruppa le richieste di più aree annunci in un'unica richiesta di annuncio. In questo modo, le esclusioni competitive e i roadblock configurati per la tua pagina verranno rispettati. Pertanto, se la tua pagina li utilizza, ti consigliamo di attivare l'SRA e di capire come utilizzarla correttamente.
Nella configurazione predefinita, l'SRA richiede tutte le aree annuncio definite nella pagina la prima volta che chiami display() (o refresh(), se il caricamento iniziale è disattivato). Per questo motivo,
ti consigliamo di definire tutte le aree annuncio della pagina nella sezione <head> del
documento, prima di effettuare la prima chiamata a display().
Il caricamento lento può essere utilizzato in combinazione con questo approccio per garantire che le aree annuncio situate below the fold non vengano caricate immediatamente.
Quando utilizzi l'architettura SRA, è importante configurare completamente tutte le aree annuncio (ad esempio, impostare il targeting, l'esclusione di categorie e così via) prima di effettuare la prima chiamata a display(). Solo i valori configurati prima di questo punto verranno inclusi nella richiesta SRA iniziale.
Non corretto: la configurazione dell'area annuncio non è inclusa nella richiesta SRA
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setConfig({ targeting: { test: 'privacy' } });
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Corretto: la configurazione dell'area annuncio è inclusa nella richiesta SRA
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
adSlot2.setConfig({ targeting: { test: 'privacy' } });
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Ottimizza le dimensioni degli annunci
Quando definisci le aree annuncio, considera non solo le dimensioni massime dell'annuncio che potrebbe essere pubblicato, ma anche quelle più piccole che potrebbero adattarsi comodamente allo stesso spazio. In generale, più dimensioni specifichi quando definisci un'area, più annunci saranno idonei alla pubblicazione in quell'area. Ciò può tradursi in tassi di riempimento più elevati e in un aumento delle entrate.