Bonnes pratiques concernant les annonces

Après avoir intégré la bibliothèque Google Publisher Tag (GPT) dans votre site et vous familiariser avec nos bonnes pratiques générales, vous êtes prêt à à émettre des demandes d'annonces. Vous trouverez ci-dessous quelques bonnes pratiques supplémentaires lorsque vous configurez et utilisez des espaces publicitaires, de votre espace publicitaire avec un impact minimal sur les performances.

Donner la priorité aux « importants » espaces publicitaires

Tous les espaces publicitaires ne se valent pas. Par exemple, les espaces publicitaires car les chargements de la page (partie au-dessus de la ligne de flottaison) sont généralement plus "importants" que ceux qui ne sont visibles qu'à l'affichage en dessous de la ligne de flottaison. la visibilité et la monétisation. Avec cela à l’esprit, il est important que vous examinez attentivement l'importance relative de chaque espace publicitaire sur votre page et hiérarchisent le chargement des emplacements les plus importants le plus rapidement possible.

Charger tôt les annonces dans la partie 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 leur priorité. Nous vous recommandons de définir ces emplacements dans le <head> de votre et demandez-les dès que possible lors du chargement de la page. Ce permet de s'assurer que ces annonces sont chargées tôt (maximiser la visibilité). pour ne pas ralentir inutilement le chargement initial de la page.

Charger les annonces dans la partie en dessous de la ligne de flottaison de manière différée

Pour les annonces qu'il est nécessaire de faire défiler pour qu'elles soient visibles, l'extraction et l'affichage doivent être reporté jusqu'à ce que les espaces publicitaires soient sur le point d'entrer dans la fenêtre d'affichage. Il s'agit d'un processus C'est ce qu'on appelle le chargement différé. Chargement différé séparément donne la priorité à la demande et à l'affichage du contenu de la création pour les espaces les plus susceptibles d'être vues. Cela permet d'optimiser le chargement des pages de préserver les ressources limitées du navigateur, ce qui est particulièrement important des 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 du contenu publicitaire actuel d'un espace. Dans ce cas, il est préférable d'utiliser la de la bibliothèque GPT fonctionnalité d'actualisation de manière dynamique. Cela évite une actualisation de toute la page et vous permet de contrôler précisément les conditions pour la mise à jour d'un emplacement ou d'un groupe d'emplacements.

Pour actualiser des espaces publicitaires, il est important de connaître et de respecter Bonnes pratiques concernant refresh(). L'actualisation inappropriée des annonces peut entraîner des problèmes de performances et sur les taux de visibilité.

Cibler les annonces efficacement

Lorsque vous configurez le ciblage par clé-valeur, envisagez d'utiliser le ciblage au niveau de l'espace publicitaire ou au niveau de la page. Pour les clé-valeurs partagées entre plusieurs espaces, le ciblage au niveau de la page est plus efficace Méthode setTargeting() PubAdsService. Au niveau de l'emplacement le ciblage doit être utilisé uniquement pour enregistrer des valeurs-clés qui diffèrent ou est incluse dans tous les emplacements.

Notez que vous pouvez utiliser le ciblage au niveau de l'espace publicitaire et au niveau de la page simultanément, comme illustré dans l'exemple de définition du ciblage. Il est fortement recommandé que vous devez d'abord configurer le ciblage au niveau de la page, puis appliquer ne remplace les remplacements que lorsque cela est nécessaire. Non seulement cette approche permet d'utiliser efficacement l'API GPT, mais aussi de simplifier le code et de maintenir un modèle clair de tous les ciblages configurés sur la page.

Utiliser correctement l'architecture de demande simple

L'architecture de demande simple (SRA, Single Request Architecture) est un mode de demande GPT regroupe les demandes de plusieurs espaces publicitaires en une seule demande d'annonce. Cela garantit que les exclusions réciproques et les obstacles configurés pour votre page honoré. Par conséquent, si votre page les utilise, nous vous recommandons activer SRA et comprendre comment l'utiliser correctement.

Dans sa configuration par défaut, l'architecture de demande simple demande tous les espaces publicitaires définis dans votre la première fois que vous appelez display() (ou refresh(), si le chargement initial est désactivé). Pour cette raison nous vous recommandons de définir tous les espaces publicitaires de votre page dans la section <head> de le document, avant d'effectuer le premier appel à display(). Vous pouvez utiliser le chargement différé en même temps que pour s'assurer que les fentes situées 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 complètement tous les espaces publicitaires (par exemple, défini un ciblage, une exclusion de catégories, etc.) avant d'effectuer le premier appel vers display() Seules les valeurs configurées avant ce point seront incluses dans le champ la demande 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.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 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>

Optimisez la taille de vos annonces

Lors de la définition de vos espaces publicitaires, vous ne devez pas vous limiter à la taille d'annonce maximale servir, mais aussi des tailles plus petites qui pourraient s’adapter confortablement au même espace. Dans plus vous spécifiez de tailles lors de la définition d'un emplacement, plus les annonces peuvent être diffusées. Cela peut se traduire par des taux de remplissage plus élevés d'augmenter ses revenus.