Afficher une annonce side rail

Cet exemple affiche des annonces side rail à l'aide de la bibliothèque Google Publisher Tag (GPT). Pour en savoir plus sur les annonces side rail, 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 diffusant des annonces avec GPT. Pour ce faire, ajoutez #gamLeftSideRailDemo ou #gamRightSideRailDemo à l'URL. Exemple : https://www.example.com/#gamLeftSideRailDemo.

Cela permet de prévisualiser les annonces side rail sur votre site sans avoir à modifier le code. Cela est particulièrement utile pour valider rapidement l'apparence et le comportement des side rails sur différents appareils et environnements d'exploitation.

Remarques sur l'utilisation

  • Pour garantir une expérience utilisateur optimale, les annonces side rail ne sont demandées que sur les pages qui acceptent le format approprié. De ce fait, defineOutOfPageSlot() peut renvoyer une valeur nulle. Vérifiez ce cas pour vous assurer que vous ne faites pas de travail inutile. Les annonces side rail sont acceptées lorsque les conditions suivantes sont remplies:

    • GPT est exécuté 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 les environnements sur lesquels vous souhaitez qu'une annonce side rail s'affiche. 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. Les annonces side rail créent et insèrent automatiquement leur propre conteneur sur la page lorsqu'une annonce se remplit. Ces conteneurs sont positionnés le plus près possible du contenu de la page principale.

  • Les annonces side rail sont optimisées pour s'adapter à l'espace disponible. Les annonces side rail nécessitent un espace vide d'au moins 120x500 pixels à gauche ou à droite du contenu de la page principale à afficher. Une fois affichée, si la page est redimensionnée et que l'espace vide passe en dessous de cette valeur minimale, l'emplacement est temporairement masqué jusqu'à ce que de l'espace redevienne disponible.

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

  • N'actualisez que les annonces side rail visibles. Lorsqu'un espace publicitaire side rail est réduit ou n'est pas 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éclenche une demande d'annonce, quelle que soit la visibilité de l'espace publicitaire.

Exemple d'implémentation

Voir la démonstration