L'intégration de la bibliothèque Google Publisher Tag (GPT) à votre site Web est à bien des égards semblable à l'intégration de tout autre script tiers. Toutefois, certains aspects uniques de l'utilisation du GPT doivent être pris en compte 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.
Les sections suivantes décrivent les bonnes pratiques à suivre lorsque vous travaillez sur votre intégration.
Charger le tag GPT à partir d'une source officielle
Demandez toujours la bibliothèque GPT à une source officielle:
| Type d'intégration | Tag de script |
|---|---|
| Standard y compris 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 les sites pour lesquels vous souhaitez activer manuellement les annonces limitées. Si vous demandez un GPT à partir de l'URL des annonces limitées alors que cette fonctionnalité n'est pas utilisée, le navigateur ouvre une connexion réseau supplémentaire et inutile, ce qui peut ralentir le chargement des annonces.
Pour aider les éditeurs à respecter les exigences réglementaires, 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 diffuser pas de versions mises en cache de GPT
Ne diffusez jamais de versions de gpt.js, pubads_impl.js ou de toute bibliothèque qu'ils chargent à partir de votre propre serveur, ni ne les chargez à partir d'une source non officielle.
L'utilisation d'une version mise en cache en local de la bibliothèque GPT ne fonctionne pas toujours avec les nouvelles versions des systèmes d'exploitation ou des navigateurs, et n'est généralement pas mise à jour lorsque de nouvelles fonctionnalités ou des améliorations sont publiées. Les anciennes versions de la bibliothèque GPT peuvent cesser de fonctionner à tout moment et entraîner une perte de revenus publicitaires si les annonces ne sont plus diffusées sur vos balises.
Cela s'applique également aux service workers. Si vous utilisez des nœuds de calcul de service pour mettre en cache ou modifier les réponses aux requêtes HTTP provenant de votre site, utilisez une stratégie réseau uniquement lorsque vous gérez les requêtes pour gpt.js afin d'extraire une version à jour.
Charger le tag GPT en 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.
En chargeant la bibliothèque GPT principale 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 de charger les annonces plus rapidement. Tout cela contribue à réduire la métrique "Temps d'affichage de la première annonce", ce qui augmente la visibilité de vos annonces.
Utiliser le préchargement lorsque cela est approprié
Il peut arriver que vous n'ayez pas le contrôle direct du moment ni de la manière dont GPT est chargé. 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'asset spécifié est un fichier JavaScript, le contenu du script est extrait 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 requête 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échargement 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 quand la page est rendue visible.
Charger le tag GPT de manière statique
Évitez d'injecter la bibliothèque GPT dynamiquement dans votre page ou de la charger à partir d'un script externe. À la place, chargez 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 également le chargement des annonces.
Pour en savoir plus, consultez la documentation sur l'audit Chargement statique des scripts d'annonces dans les 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 balise 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, plutôt que de bloquer l'exécution jusqu'à ce que le script soit chargé.
Pour en savoir plus, consultez la documentation sur l'audit Chargement de la balise publicitaire de manière asynchrone dans les audits d'annonces d'éditeur pour Lighthouse.
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 balises Google Publisher Tag. Elle permet d'améliorer non seulement la sécurité de vos utilisateurs, mais également vos performances. Comme les demandes d'annonces émises par le tag GPT utilisent toujours le protocole HTTPS, le chargement de la bibliothèque à l'aide de HTTPS garantit que le navigateur n'a besoin d'établir qu'une seule connexion pour toutes les demandes liées à la diffusion d'annonces.
Pour en savoir plus, consultez la documentation sur les audits d'annonces d'éditeur pour Lighthouse sur la charge de la balise publicitaire via HTTPS et la charge de la balise GPT à partir de l'hôte recommandé.
Optimiser les performances de vos pages
Bien que les bonnes pratiques de ce guide se concentrent spécifiquement sur l'optimisation de votre intégration 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, comme 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 juste équilibre d'optimisations pour votre site.