Afficher une annonce avec récompense
Cet exemple montre comment utiliser la bibliothèque Google Publisher Tag (GPT) pour demander et afficher une annonce avec récompense. Les formats d'annonces avec récompense permettent aux utilisateurs d'applications et de sites Web de recevoir des récompenses lorsqu'ils regardent des annonces. Pour en savoir plus sur les annonces avec récompense, consultez le Centre d'aide Google Ad Manager.
Vous pouvez utiliser les événements GPT suivants pour afficher des annonces avec récompense et interagir avec elles:
| Événement | Se déclenche dans les cas suivants : |
|---|---|
| RewardedSlotClosedEvent | Un espace publicitaire avec récompense a été fermé. |
| RewardedSlotGrantedEvent | Une récompense a été accordée pour avoir regardé une annonce. |
| RewardedSlotReadyEvent | Un espace publicitaire avec récompense est prêt à être affiché. |
Pour cet exemple, une boîte de dialogue modale simple est utilisée pour inviter l'utilisateur à regarder l'annonce avec récompense et à afficher la récompense une fois l'annonce terminée. En pratique, il incombe à l'éditeur d'implémenter sa propre interface pour effectuer ces tâches.
Remarques sur l'utilisation
Pour garantir une expérience utilisateur optimale, les annonces avec récompense ne sont demandées que sur les pages qui acceptent correctement ce format. Par conséquent,
defineOutOfPageSlot()peut renvoyernull. Vous devez vérifier ce cas pour vous assurer que vous n'effectuez pas de travail inutile. Pour le moment, les annonces avec récompense ne sont compatibles qu'avec les pages optimisées pour les mobiles où le zoom est neutre. En règle générale, cela signifie que l'éditeur a<meta name="viewport" content="width=device-width, initial-scale=1">ou un élément similaire dans le<head>de la page.Les annonces avec récompense génèrent leur propre espace publicitaire. Contrairement aux autres types d'annonces, il n'est pas nécessaire de définir un
<div>pour les annonces avec récompense. Les annonces avec récompense créent et insèrent automatiquement leur propre conteneur dans la page lorsqu'une annonce se remplit.