L'intégration de la bibliothèque Google Publisher Tag (GPT) à votre site Web est, à bien des égards, identique à l'intégration de tout autre script tiers. Toutefois, il existe certains aspects uniques de l'utilisation de GPT qui doivent être pris en compte pour vous assurer d'exploiter au mieux votre espace publicitaire avec un impact minimal sur les performances du site. Après tout, la rapidité des annonces est importante.
Les sections suivantes décrivent les bonnes pratiques à suivre lorsque vous travaillez sur votre intégration.
Charger GPT à partir d'une source officielle
Pour vous assurer d'avoir accès aux dernières fonctionnalités et mesures de protection de la confidentialité, demandez toujours la bibliothèque GPT à une source officielle en utilisant l'une des URL listées dans le tableau suivant. L'URL à utiliser dépend de si vous prévoyez d'activer manuellement le mode Annonces limitées (LTD).
| 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 manuelles Si vous souhaitez activer manuellement les annonces limitées (LTD). |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Le mode Annonces limitées (LMT) permet à GPT de diffuser des annonces sans accéder au stockage côté client (comme les cookies ou les identifiants locaux). Vous pouvez activer les annonces limitées de deux manières :
Standard (automatique) : un fournisseur de gestion du consentement (CMP) informe GPT que l'utilisateur n'a pas donné son consentement pour l'accès au stockage, généralement à l'aide d'un signal IAB TCF v2.0. Si vous utilisez une CMP certifiée par Google pour gérer le consentement des utilisateurs, GPT passera automatiquement en mode Annonces limitées en fonction des préférences de l'utilisateur.
- URL : chargez GPT à partir de l'URL standard (doubleclick.net).
- Aucune action manuelle requise : il n'est pas nécessaire d'appeler manuellement
setPrivacySettings({limitedAds: true})lorsqu'une CMP est utilisée, car les signaux sont gérés automatiquement par la bibliothèque.
Manuellement : vous appelez explicitement l'API GPT pour demander des annonces limitées.
- URL : si vous prévoyez d'activer manuellement les annonces limitées à l'aide de l'API
googletag.pubads().setPrivacySettings({limitedAds: true}), vous devez charger GPT à partir de l'URL des annonces limitéesgooglesyndication.com. - Pourquoi : Le chargement de GPT à partir du domaine
googlesyndication.compermet d'ajouter des mesures de protection supplémentaires contre l'accès au stockage côté client par défaut. - Conséquence d'une configuration incorrecte : si GPT est chargé à partir de l'URL standard et que l'API manuelle est appelée, la demande d'activation des annonces limitées sera ignorée et un avertissement sera consigné dans la console pour les éditeurs.
- URL : si vous prévoyez d'activer manuellement les annonces limitées à l'aide de l'API
Ne pas diffuser les versions mises en cache de GPT
Ne diffusez jamais de versions de gpt.js, pubads_impl.js ni d'aucune bibliothèque qu'elles chargent à partir de votre propre serveur ou d'une source non officielle.
L'utilisation d'une version mise en cache localement de la bibliothèque GPT peut ne pas toujours fonctionner avec les nouvelles versions des navigateurs ou des systèmes d'exploitation, et ne pas être mise à jour avec les nouvelles fonctionnalités et améliorations. Les versions antérieures 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 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 "network-only" lorsque vous traitez les requêtes pour gpt.js afin d'extraire une version à jour.
Charger GPT de manière anticipée
La bibliothèque GPT (gpt.js) ne contient qu'une petite partie du code nécessaire pour charger les annonces. La majorité de ce code est contenue dans des fichiers distincts (tels que pubads_impl_XX.js), qui sont chargés par gpt.js selon les besoins.
En chargeant la bibliothèque GPT principale plus tôt, ces scripts dépendants peuvent également être chargés 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 permet de charger les annonces plus rapidement. Tout cela contribue à réduire la métrique "Délai avant affichage de la première annonce", ce qui augmente la visibilité de vos annonces.
Utiliser la préchargement lorsque cela est approprié
Il peut arriver que vous ne contrôliez pas directement le moment ou 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. Précharger une requête indique au navigateur de télécharger immédiatement un élément spécifique qui est essentiel au chargement de votre page. Lorsque la ressource spécifiée 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 fetchpriority pour définir la priorité du chargement de script
Vous pouvez utiliser l'attribut fetchpriority pour indiquer au navigateur la priorité relative de récupération des ressources GPT. Par défaut, gpt.js demande automatiquement son script d'implémentation principal (pubads_impl.js) et les scripts de confidentialité et de messages de Google avec fetchpriority="high" pour optimiser la planification du réseau et réduire la latence de chargement des annonces. L'augmentation de la priorité peut avoir un impact sur le chargement d'autres ressources sur la page et sur les métriques Core Web Vitals. Pour maximiser l'impact de la latence de fetchpriority définie sur "Élevée", nous vous recommandons de définir gpt.js directement.
Pour donner la priorité à la récupération du script de chargement gpt.js lui-même (ou pour configurer la priorité héritée des scripts pubads_impl.js et Confidentialité et messages de Google), vous pouvez ajouter l'attribut fetchpriority directement à la balise <script> de gpt.js :
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
Lorsque vous spécifiez l'attribut fetchpriority sur la balise <script> du chargeur gpt.js, le script d'implémentation inséré de manière dynamique et les scripts Google Confidentialité et messages héritent automatiquement de la valeur fetchpriority spécifiée (par exemple, "high", "low" ou "auto").
Utiliser GPT sur les pages prérendues
Le prérendu demande 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 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 Premiers pas avec les Google Publisher Tags. Cela empêche d'autres ressources de retarder la récupération et le chargement de la bibliothèque GPT, ce qui retarderait à son tour le chargement des annonces.
Pour en savoir plus, consultez la documentation sur l'audit Charger les scripts d'annonces de manière statique dans la section "Audits d'annonces d'éditeur pour Lighthouse".
Charger GPT de manière asynchrone
Incluez le mot clé async dans la définition de votre tag de script, comme illustré dans Premiers pas avec les Google Publisher Tags. Cela indique au navigateur de charger la bibliothèque GPT en parallèle avec d'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 Charger le tag d'emplacement publicitaire de manière asynchrone dans Audits d'annonces d'éditeur pour Lighthouse.
Charger GPT de manière sécurisée
Chargez toujours la bibliothèque GPT via HTTPS, comme illustré dans Premiers pas avec 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 elle-même à 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 Charger le tag d'emplacement publicitaire via HTTPS et Charger GPT depuis l'hôte recommandé.
Adoptez de bonnes pratiques concernant les performances des 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 leur impact sur tous les aspects des performances de votre page. Nous vous recommandons d'exécuter régulièrement des outils tels que Lighthouse et 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 d'optimisations pour votre site.