L'intégration de la bibliothèque Google Publisher Tag (GPT) à votre site Web est, à bien des égards, identique à celle d'un autre script tiers. Toutefois, lorsque vous utilisez des tags GPT, vous devez prendre en compte certains aspects spécifiques pour vous assurer de tirer le meilleur parti de votre espace publicitaire avec un impact minimal sur les performances du site. Après tout, les annonces rapides sont importantes.
Vous trouverez ci-dessous quelques bonnes pratiques à garder à l'esprit lorsque vous travaillez sur votre propre intégration.
Charger le tag GPT depuis une source officielle
Demandez toujours la bibliothèque GPT à partir d'une source officielle:
| Type d'intégration | URL |
|---|---|
| Standard | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Annonces limitées | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Vous ne devez pas diffuser des versions de gpt.js, pubads_impl.js ou des bibliothèques qu'elles chargent depuis votre propre serveur, ou qui les chargent à partir d'une source non officielle.
L'utilisation d'une version de GPT mise en cache localement peut ne pas toujours fonctionner dans les versions les plus récentes des navigateurs ou des systèmes d'exploitation, et ne peut pas être mise à jour avec les nouvelles fonctionnalités et améliorations. Les anciennes versions de la bibliothèque GPT peuvent être arrêtées à tout moment, ce qui peut entraîner une perte de revenus publicitaires si les annonces cessent d'être diffusées dans vos tags.
Cela s'applique également aux service workers. Si vous utilisez des service workers pour mettre en cache ou modifier les réponses aux requêtes HTTP provenant de votre site, utilisez une stratégie réseau uniquement lors du traitement des requêtes pour gpt.js afin d'extraire une version à jour.
Charger le tag GPT à l'avance
La bibliothèque GPT (gpt.js) ne contient qu'une petite partie du code nécessaire pour charger les annonces. La majeure partie de ce code est contenue dans des fichiers distincts (tels que pubads_impl_XX.js), qui sont chargés par gpt.js si nécessaire.
Le chargement anticipé de la bibliothèque GPT principale permet également de charger ces scripts dépendants plus tôt. Cela permet d'éviter toute latence supplémentaire liée à la récupération de ces scripts (s'ils ne sont pas mis en cache) et de charger les annonces plus rapidement. Tout cela contribue à réduire le délai d'affichage de la première métrique d'annonce, ce qui augmente la visibilité de vos annonces.
Utilisez le préchargement, le cas échéant.
Parfois, vous ne contrôlez pas directement le moment ou le mode de chargement des tags GPT. (par exemple, lorsque vous utilisez un script d'annonces tiers qui charge GPT en votre nom). Dans ce cas, il peut être judicieux de précharger la requête pour gpt.js. Le préchargement d'une requête indique au navigateur de télécharger immédiatement un élément spécifié qui est essentiel au chargement de votre page. Lorsque l'élément spécifié est un fichier JavaScript, le contenu du script est récupéré immédiatement, mais l'exécution est différée jusqu'à ce que le script soit nécessaire.
Exemple de demande de préchargement pour des intégrations standards
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Exemple de demande de préchargement pour les intégrations d'annonces limitées
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Utiliser GPT sur des pages prérendues
Le prérendu indique au navigateur de télécharger et d'afficher de manière préventive les pages que les utilisateurs n'ont pas encore demandées, mais sont susceptibles de consulter. Lorsqu'elle est chargée sur une page prérendue, la bibliothèque GPT ne demande des annonces que si la page est rendue visible.
Charger le tag GPT de manière statique
Évitez d'injecter la bibliothèque GPT dans votre page de manière dynamique ou de la charger à partir d'un script externe. Chargez plutôt la bibliothèque de manière statique dans le <head> de votre page, comme illustré dans la section Premiers pas avec les tags Google Publisher Tag. Cela empêche d'autres ressources de retarder la récupération et le chargement de la bibliothèque GPT, ce qui retarderait le chargement des annonces.
Pour en savoir plus, consultez la documentation sur les audits d'annonces d'éditeur pour Lighthouse sur le chargement des scripts d'annonces de manière statique.
Charger le tag GPT de manière asynchrone
Ajoutez le mot clé async dans la définition de votre tag de script, comme illustré dans la section Premiers pas avec les tags Google Publisher Tag. Vous indiquez ainsi au navigateur de charger la bibliothèque GPT en parallèle avec d'autres ressources et le contenu de la page, au lieu de bloquer l'exécution jusqu'à la fin du chargement du script.
Pour en savoir plus, consultez la documentation sur les audits d'annonces d'éditeur pour Lighthouse sur le chargement des tags d'emplacement publicitaire de manière asynchrone.
Charger le tag GPT de manière sécurisée
Chargez toujours la bibliothèque GPT via HTTPS, comme illustré dans la section Premiers pas avec les tags Google Publisher Tag. Cette approche renforce non seulement la sécurité de vos utilisateurs, mais elle améliore également les performances. Étant donné que les demandes d'annonces émises par GPT utilisent toujours le protocole HTTPS, le chargement de la bibliothèque via HTTPS garantit que le navigateur n'a besoin d'ouvrir qu'une seule connexion pour toutes les demandes liées à la diffusion d'annonces.
Pour en savoir plus, consultez la documentation d'audit sur le chargement des tags d'emplacement publicitaire via HTTPS et sur le chargement des tags GPT à partir de l'hôte recommandé dans les audits d'annonces d'éditeur pour Lighthouse.
Bonnes performances des pages
Bien que les bonnes pratiques de ce guide soient particulièrement axées sur l'optimisation de l'intégration de tags GPT, de nombreux autres facteurs contribuent aux performances globales de votre page. Lorsque vous apportez des modifications à votre site (en particulier celles basées sur des recommandations générales, telles que celles présentées dans ce guide), il est important d'évaluer l'impact de ces modifications sur tous les aspects des performances de votre page. Nous vous recommandons d'exécuter régulièrement des outils tels que Lighthouse et les audits d'annonces d'éditeur pour Lighthouse afin d'identifier et de résoudre les problèmes de performances, et de trouver le bon équilibre entre les optimisations pour votre site.