L'intégration de la bibliothèque Google Publisher Tag (GPT) à votre site Web est semblable à l'intégration de tout autre script tiers. Toutefois, vous devez tenir compte de certains aspects uniques de l'utilisation de GPT pour tirer pleinement parti de votre espace publicitaire, avec un impact minimal sur les performances du site. Après tout, la rapidité avec laquelle vous diffusez des annonces est importante.
Les sections suivantes traitent des bonnes pratiques à suivre lorsque vous travaillez sur votre intégration.
Charger GPT à partir d'une source officielle
Demandez toujours la bibliothèque GPT auprès d'une source officielle:
| Type d'intégration | Tag de script |
|---|---|
| Standard Inclut les éditeurs intégrés au TCF de l'IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Annonces limitées Pour les éditeurs qui souhaitent activer manuellement les annonces limitées. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
N'utilisez l'URL des annonces limitées que sur des sites sur lesquels vous avez l'intention d'activer manuellement les annonces limitées. Demander le tag GPT à partir de l'URL des annonces limitées lorsque cette fonctionnalité n'est pas utilisée entraîne l'ouverture d'une connexion réseau supplémentaire inutile, ce qui peut ralentir le chargement des annonces.
Pour répondre aux besoins de conformité réglementaire des éditeurs, GPT peut être chargé à partir de l'URL standard avec l'attribut crossorigin="anonymous" afin d'empêcher l'envoi de cookies avec la requête de script.
Ne pas diffuser les versions mises en cache des tags GPT
Ne diffusez jamais les versions de gpt.js, de pubads_impl.js ni des bibliothèques qu'elles chargent à partir de votre propre serveur, ni les chargez à partir d'une source non officielle.
L'utilisation d'une version de la bibliothèque 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 pas être mise à jour avec de nouvelles fonctionnalités et améliorations. Les versions antérieures de la bibliothèque GPT peuvent cesser de fonctionner à tout moment et peuvent 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 faites appel à 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 de gpt.js afin d'extraire une version à jour.
Charger les tags GPT à l'avance
La bibliothèque GPT (gpt.js) ne contient qu'une petite partie du code nécessaire au chargement des 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.
En chargeant la bibliothèque GPT principale au plus tôt, ces scripts dépendants peuvent également être chargés plus tôt. Cela évite toute latence supplémentaire liée à l'extraction de ces scripts (s'ils ne sont pas mis en cache) et permet un chargement plus rapide des annonces. Tout cela contribue à réduire le délai d'affichage de la première annonce, ce qui augmente la visibilité de vos annonces.
Utiliser le préchargement si nécessaire
Parfois, vous ne contrôlez pas directement quand ni comment ces tags sont chargés. (par exemple, lorsque vous utilisez un script d'annonces tiers qui charge GPT en votre nom). Dans ce cas, il peut être approprié 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 requête de préchargement pour les 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 les 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 qu'ils sont susceptibles de consulter. Lorsqu'elle est chargée sur une page prérendue, la bibliothèque GPT ne demande des annonces que si et lorsque la page est rendue visible.
Charger GPT de manière statique
Évitez d'injecter la bibliothèque GPT sur 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 champ <head> de votre page, comme illustré dans la section Premiers pas avec les tags Google Publisher Tag. Cela empêche les autres ressources de retarder l'extraction et le chargement de la bibliothèque GPT, ce qui retardera le chargement des annonces.
Pour en savoir plus, consultez la documentation sur l'audit des audits d'annonces d'éditeur pour Lighthouse.
Charger le tag GPT de manière asynchrone
Incluez 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. Cela indique au navigateur de charger la bibliothèque GPT en parallèle avec les 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 Charger les 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 indiqué dans la section Premiers pas avec les tags Google Publisher Tag. Cela renforce non seulement la sécurité de vos utilisateurs, mais améliore également les performances. Étant donné que les demandes d'annonces émises par GPT utilisent toujours HTTPS, le fait de charger la bibliothèque elle-même 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 sur le chargement des tags d'emplacement publicitaire via HTTPS dans les audits d'annonces d'éditeur pour Lighthouse, ainsi que dans la documentation sur le chargement d'un tag GPT à partir d'un hôte recommandé.
Bonnes performances de vos pages
Si les bonnes pratiques de ce guide sont axées sur l'optimisation de l'intégration de GPT, de nombreux autres facteurs contribuent aux performances globales de votre page. Lorsque vous apportez des modifications à votre site (en particulier celles qui sont basées sur des recommandations générales, telles que celles de 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.