L'integrazione della libreria del Tag publisher di Google (GPT) nel tuo sito web è in molti modi simile all'integrazione di qualsiasi altro script di terze parti. Tuttavia, esistono alcuni aspetti unici dell'utilizzo di GPT che devono essere presi in considerazione per sfruttare al meglio lo spazio pubblicitario con un impatto minimo sul rendimento del sito. Dopotutto, gli annunci rapidi sono importanti.
Le sezioni seguenti descrivono le best practice da utilizzare durante l'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 dall'URL degli annunci con limitazioni quando questa funzionalità non è in uso, il browser apre un'ulteriore connessione di rete non necessaria, che potrebbe rallentare il caricamento degli annunci.
Per soddisfare le esigenze di conformità normativa dei publisher, GPT può essere caricato dall'URL standard con l'attributo crossorigin="anonymous" per impedire l'invio di cookie con la richiesta di script.
Non pubblicare versioni memorizzate nella cache di GPT
Non pubblicare mai versioni di gpt.js, pubads_impl.js o di eventuali librerie che caricano dal tuo server o da una fonte non ufficiale.
L'utilizzo di una versione memorizzata nella cache locale della libreria GPT potrebbe non funzionare sempre nelle versioni più recenti dei browser o dei 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 potrebbero comportare la perdita delle entrate pubblicitarie se viene interrotta la pubblicazione degli annunci nei tag.
Questo vale anche per i service worker. Se utilizzi worker di servizio per memorizzare nella cache o modificare le risposte alle richieste HTTP provenienti dal tuo sito, utilizza una strategia solo di rete per gestire le richieste di gpt.js al fine di 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. La maggior parte di questo codice è contenuta in file separati (ad esempio pubads_impl_XX.js), che vengono caricati da gpt.js in base alle necessità.
Se carichi in anticipo la libreria GPT di base, anche questi script dipendenti possono essere caricati in anticipo. In questo modo, viene evitata qualsiasi latenza aggiuntiva relativa al recupero di questi script (se non memorizzati nella cache) e gli annunci possono essere caricati più rapidamente. Tutto ciò contribuisce a ridurre la metrica Tempo necessario per visualizzare il primo annuncio, che a sua volta aumenta la visibilità dei tuoi annunci.
Utilizza il precaricamento, se opportuno
A volte potresti non avere il controllo diretto su quando o come viene caricato il codice 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 una risorsa specificata fondamentale per il caricamento della pagina. Quando la risorsa specificata è un file JavaScript, i contenuti dello script vengono recuperati immediatamente, ma l'esecuzione viene posticipata fino a quando non è necessario.
Esempio di richiesta di precaricamento per le integrazioni standard
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Esempio di richiesta di precaricamento per le 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 in modo preventivo le pagine che gli utenti devono ancora richiedere, ma che probabilmente visiteranno. Quando viene caricata su una pagina pre-renderizzata, la libreria GPT richiede annunci solo se e quando la pagina viene resa visibile.
Caricare GPT in modo statico
Evita di iniettare la libreria GPT nella pagina in modo dinamico o di caricarla da uno script esterno. Carica invece la libreria in modo statico nel
<head> della pagina, come illustrato in
Iniziare a utilizzare i Tag publisher di Google. In questo modo, le altre risorse non ritardano il recupero e il caricamento della libreria GPT, con conseguente ritardo del caricamento degli annunci.
Per maggiori dettagli, consulta la documentazione relativa al controllo Carica gli script degli annunci in modo statico di Controlli degli annunci dei publisher per Lighthouse.
Caricare il tag GPT in modo asincrono
Includi la parola chiave async nella definizione del tag script, come illustrato in
Introduzione ai tag publisher di Google. In questo modo, il browser carica la libreria GPT in parallelo con altre risorse e contenuti della pagina, anziché bloccare l'esecuzione fino al completamento del caricamento dello script.
Per ulteriori dettagli, consulta la documentazione relativa al controllo caricamento ad tag in modo asincrono di Controlli degli annunci dei publisher per Lighthouse.
Caricare GPT in sicurezza
Carica sempre la libreria GPT tramite HTTPS, come illustrato in Guida introduttiva ai tag publisher di Google. Questo non solo garantisce maggiore sicurezza per i tuoi 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 stabilire una sola connessione per tutte le richieste relative alla pubblicazione di annunci.
Per maggiori dettagli, consulta la documentazione relativa ai controlli carica il tag annuncio tramite HTTPS e carica il GPT dall'host consigliato sviluppata per gli annunci dei publisher per Lighthouse.
Ottimizzare il rendimento delle pagine
Sebbene le best practice in questa guida si concentrino specificamente sull'ottimizzazione dell'integrazione del GPT, molti altri fattori contribuiscono al rendimento complessivo della pagina. Quando apporti modifiche al tuo sito (in particolare quelle basate su consigli generali, come quelli riportati in questa guida), è importante valutare l'impatto di queste modifiche su tutti gli aspetti del rendimento della 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 di ottimizzazioni per il tuo sito.