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 à suivre lorsque vous configurez et utilisez des emplacements d'annonces afin d'exploiter pleinement votre espace publicitaire avec un impact minimal sur les performances.
Prioriser les emplacements publicitaires "importants"
Les emplacements d'annonces ne se valent pas. Par exemple, les emplacements visibles dès le chargement de la page (au-dessus de la ligne de flottaison) sont généralement plus "importants" que ceux qui ne sont pas visibles tant que l'utilisateur ne les a pas fait défiler (en dessous de la ligne de flottaison), en termes de visibilité et de monétisation. Gardez à l'esprit que vous devez examiner attentivement l'importance relative de chaque espace publicitaire de votre page et donner la priorité au chargement des espaces les plus importants le plus rapidement possible.
Charger les annonces au-dessus de la ligne de flottaison plus tôt
Les annonces qui seront visibles dès le chargement de la page doivent être prioritaires. Nous vous recommandons de définir ces emplacements dans le <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 (ce qui maximise la visibilité) et qu'elles ne ralentissent pas inutilement le chargement initial de la page.
Charger les annonces en dessous de la ligne de flottaison de manière différée
Pour les annonces qui doivent être affichées à l'aide de la barre de défilement, l'extraction et le rendu doivent être différés jusqu'à ce que les emplacements soient sur le point d'entrer dans la fenêtre d'affichage. Il s'agit d'un processus appelé "lazy loading". Le chargement différé donne la priorité à la demande et à l'affichage séparés du contenu des créations pour les emplacements les plus susceptibles d'être vus. Cela permet d'optimiser les performances de chargement de la page 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
Il existe de nombreux scénarios dans lesquels il est optimal, voire nécessaire, de remplacer le contenu publicitaire actuel d'un emplacement. Dans ce cas, il est préférable d'utiliser la fonctionnalité de rafraîchissement de la bibliothèque GPT pour le faire de manière dynamique. Cela évite un rafraîchissement complet de la page et vous permet de contrôler précisément les conditions dans lesquelles un emplacement ou un groupe d'emplacements est mis à jour.
Lorsque vous actualisez des emplacements d'annonces, il est important de connaître et de respecter les bonnes pratiques refresh().
Actualiser les annonces de manière inappropriée peut entraîner des problèmes de performances et avoir un impact négatif sur les taux de visibilité.
Cibler efficacement les annonces
Lorsque vous configurez le ciblage par paires 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 setTargeting() de PubAdsService. Le ciblage au niveau de l'emplacement 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 à la fois le ciblage au niveau de l'espace et de la page, comme illustré dans l'exemple de ciblage défini. Nous vous recommandons vivement de configurer d'abord le ciblage au niveau de la page, puis d'appliquer des forçages 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 conserver un modèle mental clair de tout le ciblage configuré sur la page.
Utiliser correctement l'architecture de demande simple
L'architecture de demande simple (SRA, Single Request Architecture) est un mode de requête GPT qui regroupe les requêtes de plusieurs espaces publicitaires dans une seule requête d'annonce. Cela garantit que les exclusions réciproques et les obstacles configurés pour votre page seront respectés. Par conséquent, si votre page les utilise, nous vous recommandons d'activer la fonctionnalité 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 la charge initiale est désactivée). 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 paresseux peut être utilisé conjointement avec cette approche pour s'assurer que les emplacements situés sous le pli 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, définir le ciblage, l'exclusion de catégorie, 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 (Incorrecte) : la configuration des espaces publicitaires 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.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 des espaces publicitaires 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')
.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 vos espaces publicitaires, ne tenez pas compte uniquement de la taille maximale de l'annonce pouvant être diffusée, mais aussi des tailles plus petites qui peuvent facilement s'adapter au même espace. En règle générale, plus vous spécifiez de tailles lorsque vous définissez un emplacement, plus d'annonces pourront y être diffusées. Vous pouvez ainsi obtenir des taux de remplissage plus élevés et davantage de revenus.