Ouvrir l'espace

Guide de mise en œuvre

Annonce de colonne latérale

Side rail ads

Annonce fixée sur le côté gauche ou droit de l'écran, sur les ordinateurs à grand écran, dans l'espace vide à côté du contenu.

  • AdSense
  • Ad Manager
  • ordinateur uniquement
Découvrir le formatVérifier sur mon site
Desktop
Mobile

Comprendre en 1 minute

Qu'est-ce qu'une annonce de colonne latérale ?

L'annonce de colonne latérale reste collée au côté gauche ou droit de l'écran, dans l'espace vide à côté du texte. Imaginez une salle de classe avec un panneau d'affichage sur le mur du côté : les élèves regardent le tableau devant eux, et le panneau reste là, sans gêner. La colonne latérale, c'est ce panneau. La personne fait défiler la page et l'annonce reste immobile au même endroit.

Elle est conçue pour les écrans larges, comme ceux des ordinateurs. Beaucoup de sites ont le texte au centre et deux bandes vides sur les côtés, et la colonne latérale utilise cet espace sans pousser ni recouvrir le contenu. Dans AdSense, elle fait partie des annonces automatiques, dans le groupe des formats superposés, sous le nom Annonces de colonne latérale. Vous l'activez en un clic et choisissez à gauche et à droite, à gauche uniquement ou à droite uniquement.

Dans Ad Manager, c'est le GPT, la Google Publisher Tag, qui affiche la colonne latérale. Il s'agit du code de Google qui demande les annonces. Vous créez un slot, c'est-à-dire un espace publicitaire, de type colonne latérale gauche ou droite. Le GPT crée lui-même la petite boîte de l'annonce et la place près du contenu, à une distance de 5 à 25 pixels. Si la fenêtre devient plus petite et que l'espace disparaît, l'annonce se masque jusqu'au retour de l'espace.

C'est intéressant quand votre site a beaucoup d'espace libre sur les côtés sur les grands écrans. Le GPT exige un écran d'au moins 1200 par 650 pixels et un espace vide d'au moins 120 par 500 pixels à côté du contenu. Si votre mise en page occupe tout l'écran d'un bord à l'autre, il ne reste pas de place et l'annonce ne s'affiche tout simplement pas.

Pas à pas

Comment mettre en œuvre

  1. Mettez le code sur toutes les pagesLe code AdSense doit être présent sur toutes les pages. Après l'activation, les annonces peuvent mettre jusqu'à une heure à apparaître.
  2. Activez-la dans AdSenseCliquez sur Annonces, puis sur Modifier à côté du site. Activez Annonces automatiques et, dans Formats superposés, cochez Annonces de colonne latérale. Cliquez sur Appliquer au site et choisissez Appliquer maintenant ou Lancer d'abord une expérience.
  3. Choisissez le côtéDans les paramètres avancés, utilisez Sélectionner la position de l'annonce de colonne latérale : À gauche et à droite, À gauche uniquement ou À droite uniquement.
  4. Dans Ad Manager, créez les slots dans le headDans le GPT, définissez des slots hors page de type colonne latérale gauche et colonne latérale droite. Vérifiez que chacun n'est pas revenu vide avant de l'utiliser.
  5. Utilisez les bonnes taillesPour les réservations et le programmatique, les tailles de colonne latérale sur ordinateur sont 180x500, 160x600 et 120x600.
  6. Testez avec la démonstrationAjoutez à la fin de l'adresse de la page le code de démonstration indiqué dans l'exemple pour voir une colonne latérale de test sans modifier le code.

Exemple mis en place

Le code et le rendu à l'écran

L'attribut AdSense se place sur l'élément qui entoure la partie de la page à protéger ; le bloc GPT se place dans le head pour ceux qui utilisent Ad Manager.
<!-- AdSense: parte da página onde a barra lateral não deve sobrepor -->
<div google-side-rail-overlap="false">
  ... conteúdo ...
</div>

<!-- Ad Manager (GPT), no head -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const leftSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.LEFT_SIDE_RAIL,
    );
    const rightSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.RIGHT_SIDE_RAIL,
    );
    // Volta null se a página ou o aparelho não aceitar barra lateral
    if (leftSideRail) leftSideRail.addService(googletag.pubads());
    if (rightSideRail) rightSideRail.addService(googletag.pubads());
    googletag.enableServices();
    if (leftSideRail) googletag.display(leftSideRail);
    if (rightSideRail) googletag.display(rightSideRail);
  });
</script>

<!-- Teste: acrescente no fim do endereço da página -->
<!-- #gamLeftSideRailDemo ou #gamRightSideRailDemo -->
Sur ordinateurSur ordinateur, l'annonce apparaît dans une colonne fixe à côté du contenu, à gauche, à droite ou des deux côtés, et reste visible pendant que la personne fait défiler la page.
Sur mobileN'existe pas sur mobile.

Ce que Google recommande

Ce qui est permis et ce qui ne l'est pas

Autorisé

  • Choisir à gauche et à droite, à gauche uniquement ou à droite uniquement dans AdSense.
  • Protéger une partie de la page avec l'attribut officiel, pour que la colonne latérale ne recouvre pas cette section.
  • Tester d'abord avec une expérience sur 50 % du trafic pendant 90 jours maximum.
  • Dans Ad Manager, vendre la colonne latérale en réservations et en programmatique, avec les tailles 180x500, 160x600 et 120x600.
  • Mesurer le résultat dans AdSense avec un rapport personnalisé, en filtrant Format d'annonce par Annonces de colonne latérale.

Interdit

  • Ne demandez pas de colonne latérale sur les pages où vous ne voulez pas qu'elle apparaisse.
  • N'exécutez pas le GPT dans une iframe : la colonne latérale a besoin du GPT dans la fenêtre principale.
  • N'occupez pas tout l'espace des côtés avec d'autres éléments si vous voulez cette annonce : sans au moins 120 par 500 pixels vides, elle n'apparaît pas.
  • Ne placez pas de liens, de menus ou de boutons de téléchargement collés aux annonces : Google avertit que cela peut provoquer des clics accidentels.
  • Ne modifiez pas le code AdSense au-delà des modifications acceptées par Google, et n'incitez pas aux clics sur l'annonce.

Conseils

Pour bien faire les choses

Attention

Erreurs courantes

Tester sur un petit écran

Le GPT exige un écran d'au moins 1200 par 650 pixels. Dans les fenêtres plus petites, l'annonce n'apparaît pas.

Mise en page d'un bord à l'autre

Si le contenu occupe toute la largeur, l'espace vide de 120 par 500 pixels n'existe pas et la colonne latérale n'a nulle part où se placer.

Ne pas vérifier si le slot est revenu vide

Le GPT renvoie null quand la page ou l'appareil n'accepte pas la colonne latérale. Le code doit le vérifier avant d'utiliser le slot.

Code présent sur certaines pages seulement

Dans AdSense, le code doit être présent sur toutes les pages pour que les annonces automatiques fonctionnent.

Questions fréquentes

La colonne latérale s'affiche-t-elle sur mobile ?

Non. Dans AdSense, elle est réservée aux ordinateurs, et dans Ad Manager, c'est un format pour ordinateur qui nécessite un écran large.

Dois-je créer une div pour elle dans le GPT ?

Non. La colonne latérale crée sa propre boîte et la place le plus près possible du contenu.

Puis-je utiliser un seul côté ?

Oui. Dans AdSense, il y a les options à gauche uniquement et à droite uniquement, et dans le GPT, vous pouvez définir seulement le slot du côté que vous voulez.

Quelle est la distance entre l'annonce et le contenu ?

Dans Ad Manager, le slot se place entre 5 et 25 pixels du contenu principal.

Bibliothèque

Source officielle de Google

Tout ce qui figure sur cette page suit la documentation officielle de Google. Lisez-la directement à la source :

Votre site utilise-t-il bien ce format ?

L'audit lit le site comme un visiteur, sans rien cliquer, et montre ce qu'il faut corriger.

Lancer un audit