Integrare la libreria Tag publisher di Google (GPT) nel tuo sito web è per molti versi la stessa cosa che integrare qualsiasi altro script di terze parti. Tuttavia, ci sono alcuni aspetti unici dell'utilizzo di GPT che devono essere presi in considerazione per poter sfruttare al meglio lo spazio pubblicitario con un impatto minimo sul rendimento del sito. Dopotutto, la velocità degli annunci è fondamentale.
Le sezioni seguenti illustrano le best practice da utilizzare durante il lavoro sull'integrazione.
Caricare GPT da una fonte ufficiale
Richiedi sempre la libreria GPT da una fonte ufficiale:
| Tipo di integrazione | Tag script |
|---|---|
| Standard Sono inclusi i publisher integrati con il TCF di IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Annunci con limitazioni Per i publisher che vogliono attivare manualmente gli annunci con limitazioni. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Utilizza l'URL degli annunci con limitazioni solo sui siti in cui intendi attivare manualmente gli annunci con limitazioni. Se richiedi GPT all'URL degli annunci con limitazioni quando questa funzionalità non è in uso, il browser apre un'ulteriore connessione di rete non necessaria, il che potrebbe rallentare il caricamento degli annunci.
Per soddisfare le esigenze di conformità alle normative dei publisher, il tag GPT può essere
caricato dall'URL standard con l'attributo crossorigin="anonymous"
per impedire l'invio dei cookie con la richiesta di script.
Non pubblicare versioni di GPT memorizzate nella cache
Non pubblicare mai le versioni di gpt.js, pubads_impl.js o qualsiasi libreria che caricano
dal tuo server, né le caricano da una fonte non ufficiale.
L'utilizzo di una versione della libreria GPT memorizzata nella cache locale potrebbe non funzionare sempre con versioni più recenti di browser o sistemi operativi e potrebbe non essere aggiornata con nuove funzionalità e miglioramenti. Le versioni precedenti della libreria GPT potrebbero smettere di funzionare in qualsiasi momento e determinare la perdita di entrate pubblicitarie se la pubblicazione degli annunci sui tag viene interrotta.
Questo vale anche per i service worker. Se utilizzi i service worker per memorizzare nella cache o modificare le risposte alle richieste HTTP provenienti dal tuo sito, utilizza una strategia solo di rete quando gestisci le richieste per gpt.js per recuperare una versione aggiornata.
Caricare GPT in anticipo
La libreria GPT (gpt.js) contiene solo una piccola parte del codice necessario per caricare gli annunci. Gran parte di questo codice è contenuta in file separati (ad esempio pubads_impl_XX.js), che vengono caricati da gpt.js secondo necessità.
Se carichi in anticipo la libreria GPT principale, questi script dipendenti possono essere caricati in anticipo. In questo modo si evitano eventuali latenza aggiuntive legate al recupero di questi script (se non memorizzati nella cache) e gli annunci possono essere caricati più rapidamente. Tutto questo contribuisce a ridurre la metrica relativa al tempo di visualizzazione del primo annuncio, che a sua volta aumenta la visibilità dei tuoi annunci.
Usa il precaricamento quando appropriato
A volte potresti non avere il controllo diretto su quando o come viene caricato il tag GPT. Ad esempio, quando utilizzi uno script di annunci di terze parti che carica
GPT per tuo conto. In questi casi, potrebbe essere opportuno
precaricare la richiesta per gpt.js. Il precaricamento di una richiesta indica al browser di scaricare immediatamente un asset specifico fondamentale per il caricamento della pagina. Quando l'asset specificato è un file JavaScript, i contenuti dello script vengono recuperati immediatamente, ma l'esecuzione viene differita fino a quando non è necessario lo script.
Esempio di richiesta di precaricamento per integrazioni standard
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Esempio di richiesta di precaricamento per integrazioni di annunci con limitazioni
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Utilizzare GPT nelle pagine sottoposte a prerendering
Il prerendering indica al browser di scaricare e visualizzare preventivamente le pagine che gli utenti devono ancora richiedere, ma che è probabile che visitino. Quando viene caricata su una pagina sottoposta a prerendering, la libreria GPT richiede annunci solo se e quando la pagina viene resa visibile.
Carica GPT in modo statico
Evita di inserire la libreria GPT in modo dinamico nella pagina o di caricarla da uno script esterno. Carica invece la libreria in modo statico nell'<head> della pagina come illustrato in Iniziare a utilizzare i tag publisher di Google. Questo impedisce ad altre risorse di ritardare il recupero e il caricamento della libreria GPT, causando un ritardo nel caricamento degli annunci.
Per ulteriori dettagli, consulta la documentazione di controllo relativa a Controlli degli annunci dei publisher per Lighthouse per caricare script degli annunci in modo statico.
Caricare GPT in modo asincrono
Includi la parola chiave async nella definizione del tag di script, come illustrato in
Iniziare a utilizzare i tag publisher di Google. In questo modo indichi al browser di caricare la libreria GPT in parallelo con altre risorse e altri contenuti della pagina, anziché bloccare l'esecuzione fino al termine del caricamento dello script.
Per ulteriori dettagli, consulta la documentazione di controllo relativa al caricamento dei tag annuncio in modo asincrono in Controlli degli annunci dei publisher per Lighthouse.
Caricare GPT in modo sicuro
Carica sempre la libreria GPT tramite HTTPS, come illustrato in Iniziare a utilizzare i tag publisher di Google. Questo non solo offre maggiore sicurezza agli utenti, ma migliora anche le prestazioni. Poiché le richieste di annunci inviate da GPT utilizzano sempre HTTPS, il caricamento della libreria stessa tramite HTTPS assicura che il browser debba aprire una sola connessione per tutte le richieste relative alla pubblicazione di annunci.
Per ulteriori dettagli, consulta la documentazione di controllo relativa al caricamento di tag annuncio tramite HTTPS e alla documentazione di controllo degli host consigliati nello strumento Controlli degli annunci dei publisher per Lighthouse.
Esercitarsi con le buone prestazioni delle pagine
Le best practice di questa guida si concentrano in particolare sull'ottimizzazione dell'integrazione con GPT, ma molti altri fattori contribuiscono alle prestazioni complessive della pagina. Quando apporti modifiche al tuo sito (in particolare quelle basate su consigli generali, come quelli contenuti in questa guida), è importante valutare l'impatto di queste modifiche su tutti gli aspetti del rendimento della tua pagina. Ti consigliamo di eseguire regolarmente strumenti come Lighthouse e Controlli degli annunci dei publisher per Lighthouse per identificare e risolvere i problemi di rendimento e trovare il giusto equilibrio tra le ottimizzazioni per il tuo sito.