Afficher une annonce side rail

Cet exemple affiche des annonces dans la barre latérale à l'aide de la bibliothèque Google Publisher Tag (GPT). Pour en savoir plus sur les annonces dans le rail latéral, consultez le Centre d'aide Google Ad Manager.

Prévisualiser les annonces side rail

Vous pouvez afficher une annonce side rail de démonstration sur n'importe quelle page qui diffuse des annonces avec GPT en ajoutant #gamLeftSideRailDemo ou #gamRightSideRailDemo à l'URL. Exemple : https://www.example.com/#gamLeftSideRailDemo.

Vous pouvez ainsi prévisualiser les annonces du rail latéral sur votre site sans avoir à modifier le code. Cela est particulièrement utile pour valider rapidement l'apparence et le comportement des rails latéraux sur différents appareils et dans différents environnements d'exploitation.

Remarques sur l'utilisation

  • Pour garantir une expérience utilisateur optimale, les annonces dans la barre latérale ne sont demandées que sur les pages qui acceptent correctement ce format. C'est pourquoi defineOutOfPageSlot() peut renvoyer la valeur "null". Vérifiez ce cas pour vous assurer que vous n'effectuez pas de travail inutile. Les annonces side rail sont acceptées lorsque les conditions suivantes sont remplies:

    • GPT s'exécute dans la fenêtre supérieure.
    • Les dimensions de la fenêtre d'affichage sont d'au moins 1200x650 pixels.

  • Ne demandez des annonces side rail que sur les pages et dans les environnements où vous souhaitez qu'elles s'affichent. Les annonces side rail peuvent être diffusées sur tous les appareils.

  • Les annonces side rail génèrent leur propre conteneur d'annonces. Vous n'avez pas besoin d'un <div> pour les annonces side rail. Elles créent et insèrent automatiquement leur propre conteneur dans la page lorsqu'elles se chargent. Ces conteneurs sont positionnés aussi près que possible du contenu de la page principale.

  • Les annonces side rail sont optimisées pour s'adapter à l'espace disponible. Pour s'afficher, les annonces dans la barre latérale nécessitent un espace vide d'au moins 120x500 pixels à gauche ou à droite du contenu principal de la page. Une fois affichée, si la page est redimensionnée et que l'espace vide tombe en dessous de ce minimum, l'emplacement est temporairement masqué jusqu'à ce que l'espace soit de nouveau disponible.

  • Si vous utilisez l'architecture de demande simple (SRA) sur une page comportant plusieurs espaces publicitaires, n'appelez pas display() tant que des divisions d'espaces publicitaires statiques n'ont pas été créées. Comme expliqué dans les Bonnes pratiques relatives aux annonces, le premier appel à display() demande que chaque espace publicitaire soit défini avant ce point. Bien que les espaces publicitaires du rail latéral ne nécessitent pas de <div> prédéfini, les espaces publicitaires statiques en ont besoin. L'appel de display() avant que ces éléments ne soient présents sur la page peut entraîner une dégradation des signaux de qualité, ce qui réduit la monétisation. C'est pourquoi nous vous recommandons de retarder l'appel initial jusqu'à ce que les emplacements statiques soient définis.

  • Actualisez uniquement les annonces side rail visibles. Lorsqu'un espace publicitaire de la barre latérale est réduit ou non visible, tous les appels à refresh() sont ignorés. Si vous utilisez disableInitialLoad() pour contrôler manuellement le chargement et l'actualisation des annonces, le premier appel à refresh() déclenchera une demande d'annonce, quelle que soit la visibilité de l'espace.

Exemple d'implémentation

Regarder la démonstration

JavaScript

Chargement...

TypeScript

Chargement...