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. Dans les sections suivantes, nous allons aborder d'autres bonnes pratiques à garder à l'esprit lorsque vous configurez et utilisez des espaces publicitaires. Elles vous permettront d'exploiter au mieux votre espace publicitaire tout en minimisant l'impact 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 (au-dessus de la ligne de flottaison) sont généralement plus "importants" que ceux qui ne sont visibles qu'après avoir fait défiler la page (en dessous de la ligne de flottaison), en termes de visibilité et de monétisation. C'est pourquoi il est important d'examiner attentivement l'importance relative de chaque espace publicitaire sur votre page et de charger en priorité les espaces les plus importants, le plus rapidement possible.
Charger rapidement les annonces au-dessus de la ligne de flottaison
Les annonces qui seront visibles dès le chargement de la page doivent avoir la priorité la plus élevée. Nous vous recommandons de définir ces espaces dans la section <head> de votre document et de les demander le plus tôt possible dans le processus de chargement de page. Cela permet de s'assurer que ces annonces sont chargées rapidement (ce qui maximise la visibilité) et qu'elles ne ralentissent pas inutilement le chargement initial de la page.
Utiliser le chargement différé pour les annonces situées sous la ligne de flottaison
Pour les annonces qui doivent être affichées par défilement, la récupération et l'affichage doivent être différés jusqu'à ce que les emplacements soient sur le point d'entrer dans la fenêtre d'affichage. Ce processus est appelé "chargement différé". Le chargement différé priorise séparément la demande et l'affichage du contenu de la création pour les emplacements les plus susceptibles d'être vus. Cela permet d'optimiser les performances de chargement des pages en préservant 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 fortement limités.
Actualiser les annonces sans actualiser la page
Dans de nombreux scénarios, il est optimal, voire nécessaire, de remplacer le contenu publicitaire actuel d'un espace. 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 d'actualiser la page entière et vous permet de contrôler précisément les conditions dans lesquelles un espace ou un groupe d'espaces sont mis à jour.
Lorsque vous actualisez des espaces publicitaires, il est important de connaître et de respecter les bonnes pratiques de refresh().
L'actualisation inappropriée des annonces peut entraîner des problèmes de performances et avoir un impact négatif sur les taux de visibilité.
Ciblez efficacement vos annonces
Lorsque vous configurez le ciblage par clé-valeur, déterminez soigneusement si vous devez utiliser le ciblage au niveau de l'espace publicitaire ou de la page. Pour les clés-valeurs partagées entre plusieurs espaces publicitaires, il est plus efficace d'utiliser le ciblage au niveau de la page à l'aide de googletag.setConfig({ targeting: ... }). Le ciblage au niveau de l'espace ne doit être utilisé que pour enregistrer des clés-valeurs qui diffèrent ou ne sont pas incluses dans tous les espaces.
Notez que vous pouvez utiliser à la fois le ciblage au niveau de l'espace publicitaire et celui au niveau de la page, comme illustré dans l'exemple de définition du ciblage. Nous vous recommandons vivement de configurer d'abord le ciblage au niveau de la page, puis d'appliquer des remplacements au niveau de l'emplacement uniquement si nécessaire. Cette approche permet non seulement d'utiliser efficacement l'API GPT, mais elle simplifie également le code et aide à maintenir un modèle mental clair de tout le ciblage configuré sur la page.
Utiliser l'architecture de demande simple correctement
L'architecture de demande simple (SRA) est un mode de requête GPT qui regroupe les requêtes de plusieurs espaces publicitaires dans une seule demande d'annonce. Cela permet de s'assurer que les exclusions réciproques et les roadblocks configurés pour votre page seront respectés. Par conséquent, si votre page utilise ces fonctionnalités, nous vous recommandons d'activer la SRA et de comprendre comment l'utiliser correctement.
Dans sa configuration par défaut, la SRA 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 l'élément <head> du document avant d'effectuer le premier appel à display().
Le chargement différé peut être utilisé conjointement avec cette approche pour s'assurer que les emplacements situés sous la ligne de flottaison ne sont pas chargés immédiatement.
Lorsque vous utilisez la SRA, il est important de configurer entièrement tous les espaces publicitaires (par exemple, de 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 SRA.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></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.setConfig({ singleRequest: true });
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.setConfig({ targeting: { test: 'privacy' } });
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Correct : la configuration de l'espace publicitaire est incluse dans la demande SRA.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></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')
.addService(googletag.pubads());
adSlot2.setConfig({ targeting: { test: 'privacy' } });
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
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>
Optimisez la taille de vos annonces
Lorsque vous définissez vos espaces publicitaires, tenez compte non seulement de la taille maximale de l'annonce qui pourrait être diffusée, mais aussi des tailles plus petites qui pourraient s'adapter confortablement au même espace. En général, plus vous spécifiez de tailles lors de la définition d'un espace publicitaire, plus le nombre d'annonces éligibles à la diffusion dans cet espace est élevé. Vous pouvez ainsi obtenir des taux de remplissage plus élevés et davantage de revenus.