Dopo aver integrato la libreria Tag publisher di Google (GPT) nel tuo sito e aver preso familiarità con le nostre best practice generali, puoi iniziare a emettere richieste di annunci. Di seguito illustreremo alcune best practice aggiuntive da tenere presenti quando configuri e utilizzi gli spazi annunci per sfruttare al meglio lo spazio pubblicitario con un impatto minimo sul rendimento.
Assegnare la priorità alle aree annuncio "importanti"
Non tutti gli slot annunci sono uguali. Ad esempio, in termini di visibilità e monetizzazione, gli spazi visibili non appena viene caricata la pagina (above the fold) sono in genere più "importanti" di quelli che non sono visibili finché non vengono visualizzati tramite scorrimento (below the fold). Tenendo presente questo, è importante esaminare 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 questi slot in <head> del
documento e di richiederli il prima possibile nel processo di caricamento della pagina. In questo modo, contribuisci a garantire che questi annunci vengano caricati in anticipo (massimizzando la visibilità) e che non rallentino inutilmente il caricamento iniziale della pagina.
Caricare 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é gli slot non sono vicini a entrare nell'area visibile. Si tratta di un processo noto come caricamento lento. Il caricamento lento dà la priorità alla richiesta e al rendering dei contenuti delle creatività per gli slot con maggiori probabilità di essere visualizzati. In questo modo, è possibile ottimizzare le prestazioni di caricamento della pagina conservando le risorse limitate del browser, il che è particolarmente importante negli ambienti mobile, dove la larghezza di banda e la CPU sono spesso molto limitate.
Aggiornare gli annunci senza aggiornare la pagina
Esistono molti scenari in cui è ottimale o addirittura necessario sostituire i contenuti dell'annuncio corrente di uno slot. In questi casi, è meglio utilizzare la funzionalità di aggiornamento della libreria GPT per farlo in modo dinamico. In questo modo viene evitato un aggiornamento completo della pagina e puoi controllare con precisione le condizioni in base alle quali viene aggiornato uno slot o un gruppo di slot.
Quando aggiorni gli slot annunci, è importante conoscere e rispettare le refresh()best practice.
L'aggiornamento improprio degli annunci può causare problemi di rendimento e influire negativamente sui tassi di visibilità.
Scegliere un target degli annunci efficace
Quando configuri il targeting per attributi 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 tramite il metodo PubAdsService setTargeting(). Il targeting
a livello di slot deve essere utilizzato solo per registrare coppie chiave-valore diverse o non incluse in tutti gli slot.
Tieni presente che puoi utilizzare contemporaneamente il targeting a livello di area annuncio e di pagina, come mostrato nell'esempio di targeting per set. Ti consigliamo vivamente di configurare prima il targeting a livello di pagina e poi di applicare le sostituzioni a livello di area solo se necessario. Questo approccio non solo consente di utilizzare in modo efficiente l'API GPT, ma semplifica anche il codice e aiuta a mantenere un modello mentale chiaro di tutto il targeting configurato nella pagina.
Utilizzare correttamente l'architettura di richiesta singola
L'architettura di richiesta singola (SRA) è una modalità di richiesta GPT che raggruppa le richieste di più aree annuncio in una singola richiesta di annuncio. In questo modo, le esclusioni competitive e i blocchi configurati per la tua pagina verranno rispettati. Pertanto, se la tua pagina li utilizza, ti consigliamo di attivare la SRA e di capire come utilizzarla correttamente.
Nella configurazione predefinita, l'architettura 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, è consigliabile definire tutte le aree annunci della pagina nel <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 gli slot posizionati sotto la piega non vengano caricati immediatamente.
Quando utilizzi SRA, è importante configurare completamente tutte le aree annuncio (ad es. impostare il targeting, l'esclusione di categorie e così via) prima di effettuare la prima chiamata a display(). Nella richiesta SRA iniziale verranno inclusi solo i valori configurati prima di questo punto.
Non corretta: 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.pubads().enableSingleRequest();
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.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Corretta: 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')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
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, prendi in considerazione non solo le dimensioni massime dell'annuncio che potresti pubblicare, ma anche quelle più piccole che potrebbero adattarsi comodamente allo stesso spazio. In genere, più dimensioni specifichi quando definisci uno spazio, più annunci saranno idonei alla pubblicazione al suo interno. Ciò può tradursi in tassi di riempimento più elevati e in un aumento delle entrate.