Afficher une annonce ancrée

Cet exemple montre une annonce ancrée à l'aide de la bibliothèque Google Publisher Tag (GPT). Pour en savoir plus sur les annonces ancrées, consultez le Centre d'aide Google Ad Manager.

Prévisualiser les annonces ancrées

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

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

Remarques sur l'utilisation

  • Pour garantir une expérience utilisateur optimale, les annonces ancrées ne sont demandées que sur les pages qui acceptent ce format. Pour cette raison, defineOutOfPageSlot() peut renvoyer une valeur nulle. Vérifiez ce cas pour vous assurer que vous ne faites aucune tâche inutile. Actuellement, les annonces ancrées sont acceptées si les conditions suivantes sont remplies:

    • GPT est exécuté dans la fenêtre supérieure.
    • Sur une page optimisée pour les mobiles où le zoom est neutre, cela signifie généralement que l'éditeur a <meta name="viewport" content="width=device-width, initial-scale=1"> ou une valeur similaire dans le <head> de la page.
    • La fenêtre d'affichage est en mode portrait, avec une largeur comprise entre 320px et 1000px.

  • Ne demandez des annonces ancrées que sur les pages/environnements où vous souhaitez qu'une annonce ancrée s'affiche. Les annonces ancrées peuvent être diffusées sur les ordinateurs, les tablettes et les appareils mobiles.

  • Les annonces ancrées génèrent leur propre conteneur d'annonces. Contrairement aux autres types d'annonces, il n'est pas nécessaire de définir un <div> pour les annonces ancrées. Elles créent et insèrent automatiquement leur propre conteneur dans la page lorsqu'une annonce se remplit. Ces conteneurs peuvent chevaucher ou masquer d'autres éléments à l'aide d'un positionnement absolu ou fixe. Il est donc recommandé d'éviter de placer ces éléments dans des zones où les ancrages sont censés s'afficher.

  • 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 ancrés 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 des signaux de qualité inférieure, ce qui réduit la monétisation. Pour cette raison, nous vous recommandons de différer l'appel initial jusqu'à ce que les emplacements statiques soient définis.

  • Seules les annonces ancrées visibles peuvent être actualisées. Lorsqu'un espace publicitaire ancré est réduit ou qu'il n'est pas encore affiché à l'écran, tous les appels à refresh() sont ignorés. Toutefois, 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