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 à prendre en compte lorsque vous travaillez avec GPT pour vous assurer d'exploiter au mieux votre espace publicitaire avec un impact minimal sur les performances de votre 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
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.
| 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 (LMT). |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Le mode Annonces limitées (LTD) 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 n'est 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équences d'une mauvaise configuration : 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.
Les versions de la bibliothèque GPT mises en cache localement ne fonctionnent pas toujours avec les nouvelles versions des systèmes d'exploitation ou des navigateurs, et ne sont généralement pas mises à jour lorsque des nouvelles fonctionnalités ou des améliorations sont publiées. Les anciennes versions de la bibliothèque GPT peuvent cesser de fonctionner à tout moment, ce qui risque d'entraîner une perte de revenus publicitaires si les annonces ne sont plus diffusées sur 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" lorsque vous traitez les requêtes pour gpt.js afin d'extraire une version à jour.
Charger le tag 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 se trouve 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 de manière anticipée, ces scripts dépendants peuvent également être chargés plus tôt. Cela évite 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 pour afficher la première annonce", ce qui augmente la visibilité de vos annonces.
Utiliser la précharge lorsque cela est approprié
Il peut arriver que vous n'ayez pas le contrôle direct du moment ou 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 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 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 également le chargement des annonces.
Pour en savoir plus, consultez la documentation sur l'audit Charger les scripts d'annonces de manière statique des 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 tags Google Publisher Tag. 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'annonce de manière asynchrone des audits d'annonces d'éditeur pour Lighthouse.
Charger GPT de manière sécurisée
Chargez toujours la bibliothèque GPT via HTTPS, comme indiqué 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'annonce via HTTPS et Charger GPT à partir de l'hôte recommandé.
Adoptez de bonnes pratiques concernant 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 à la performance globale 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.