Une fois que vous avez intégré la bibliothèque Google Publisher Tag (GPT) à votre site et que vous vous êtes familiarisé avec nos bonnes pratiques générales, vous pouvez commencer à envoyer des demandes d'annonces. Vous trouverez ci-dessous quelques bonnes pratiques supplémentaires à prendre en compte lorsque vous configurez et utilisez des espaces publicitaires, afin de tirer le meilleur parti de votre espace publicitaire avec un impact minimal sur les performances.
Donner la priorité aux espaces publicitaires "importants"
Tous les espaces publicitaires ne se valent pas. Par exemple, les emplacements visibles dès le chargement de votre page (partie au-dessus de la ligne de flottaison) sont généralement plus importants que ceux qui ne sont pas visibles tant qu'ils ne sont pas visibles à l'écran (en dessous de la ligne de flottaison), en termes de visibilité et de monétisation. En gardant cela à l'esprit, il est important de réfléchir attentivement à l'importance relative de chaque espace publicitaire de votre page et de donner la priorité au chargement des espaces les plus importants le plus rapidement possible.
Charger les annonces au-dessus de la ligne de flottaison
La priorité la plus élevée doit être accordée aux annonces qui seront visibles dès le chargement de la page. Nous vous recommandons de définir ces emplacements dans la section <head> de votre document, et de les demander le plus tôt possible dans le processus de chargement de la page. Cela permet de s'assurer que ces annonces sont chargées tôt (maximisation de la visibilité) et qu'elles ne ralentis pas inutilement le chargement initial de la page.
Charger les annonces en dessous de la ligne de flottaison
Pour les annonces qui doivent être affichées à l'écran, l'extraction et l'affichage doivent être différés jusqu'à ce que les emplacements soient proches de l'entrée dans la fenêtre d'affichage. Il s'agit d'un processus appelé chargement différé. Le chargement différé donne la priorité à la demande et au contenu de création pour les emplacements les plus susceptibles d'être vus. Cela permet d'optimiser les performances de chargement des pages en conservant les ressources limitées du navigateur, ce qui est particulièrement important dans les environnements mobiles où la bande passante et le processeur sont souvent très limités.
Actualiser les annonces sans actualiser la page
Il existe de nombreux scénarios dans lesquels il est optimal, voire nécessaire de remplacer le contenu publicitaire actuel d'un espace publicitaire. Dans ce cas, il est préférable d'utiliser la fonctionnalité d'actualisation de la bibliothèque GPT pour le faire de manière dynamique. Cela évite une actualisation complète de la page et vous permet de contrôler avec précision les conditions dans lesquelles un emplacement ou un groupe d'emplacements est mis à jour.
Lorsque vous actualisez des espaces publicitaires, il est important de connaître et de respecter les bonnes pratiques refresh().
Si vous actualisez les annonces de manière inappropriée, vous risquez de rencontrer des problèmes de performances et un impact négatif sur les taux de visibilité.
Ciblez efficacement vos annonces
Lorsque vous configurez le ciblage par clé-valeur, réfléchissez bien à l'utilisation d'un ciblage au niveau de l'espace publicitaire ou de la page. Pour les clés-valeurs partagées entre plusieurs emplacements, il est plus efficace d'utiliser le ciblage au niveau de la page via la méthode PubAdsService setTargeting(). Le ciblage au niveau de l'espace publicitaire ne doit être utilisé que pour enregistrer des clés-valeurs qui diffèrent ou ne sont pas incluses dans tous les emplacements.
Notez que vous pouvez utiliser simultanément le ciblage au niveau de l'espace publicitaire et de la page, comme indiqué dans l'exemple de ciblage défini. Il est vivement recommandé de commencer par configurer le ciblage au niveau de la page, puis d'appliquer des remplacements au niveau de l'espace publicitaire uniquement si nécessaire. Cette approche permet non seulement d'utiliser efficacement l'API GPT, mais aussi de simplifier le code et de maintenir un modèle mental clair pour tous les critères de ciblage configurés sur la page.
Utiliser correctement l'architecture de demande simple
L'architecture de demande simple (SRA) est un mode de demande GPT qui regroupe les demandes de plusieurs espaces publicitaires en une seule demande d'annonce. Cela permet de garantir le respect des exclusions concurrentes et des roadblocks configurés pour votre page. Par conséquent, si votre page les utilise, nous vous recommandons d'activer le mode SRA et de comprendre comment l'utiliser correctement.
Dans sa configuration par défaut, l'architecture de demande simple demande tous les espaces publicitaires définis sur votre page la première fois que vous appelez display() (ou refresh(), si le chargement initial est désactivé). C'est pourquoi nous vous recommandons de définir tous les espaces publicitaires de votre page dans le <head> du document, avant d'effectuer le premier appel à display().
Le chargement différé peut être utilisé conjointement avec cette approche pour garantir que les emplacements situés en dessous de la ligne de flottaison ne sont pas chargés immédiatement.
Lorsque vous utilisez l'architecture de demande simple, il est important de configurer entièrement tous les espaces publicitaires (par exemple, définir le ciblage, l'exclusion de catégories, etc.) avant d'effectuer le premier appel à display(). Seules les valeurs configurées avant ce point seront incluses dans la requête SRA initiale.
Incorrect : la configuration de l'espace publicitaire n'est pas incluse dans la demande de type SRA
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Correct : la configuration de l'espace publicitaire est incluse dans la demande de type SRA
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Optimiser la taille de vos annonces
Lorsque vous définissez des espaces publicitaires, tenez compte non seulement de la taille d'annonce maximale que vous pouvez diffuser, mais également de tailles plus petites qui pourraient parfaitement s'adapter au même espace. En général, plus vous spécifiez de tailles lors de la définition d'un espace, plus le nombre d'annonces pouvant y être diffusées est important. Cela peut se traduire par des taux de remplissage plus élevés et une augmentation des revenus.