Ouvrir l'espace

Guide de mise en œuvre

Annonce avec récompense sur le web

Rewarded ads for web

La personne choisit de regarder une annonce et, en échange, gagne une récompense du site, comme des articles débloqués en plus ou une vie supplémentaire dans un jeu.

  • Ad Manager
  • mobile, tablette et ordinateur (sur des pages optimisées pour mobile)
Desktop
Mobile

Comprendre en 1 minute

Qu'est-ce que l'annonce avec récompense sur le web

L'annonce avec récompense est une annonce que la personne choisit de regarder pour gagner quelque chose du site. C'est comme dans un parc d'attractions : vous donnez un ticket et vous gagnez un tour de manège. Ici, le ticket, c'est regarder l'annonce, et la récompense peut être de lire plus d'articles, de gagner des pièces ou une vie supplémentaire dans un jeu, ou de débloquer le Wi-Fi de l'aéroport. Le plus important : la personne doit d'abord dire oui. Personne n'est obligé de regarder.

Dans Ad Manager, c'est le GPT, la Google Publisher Tag, le code de Google qui demande les annonces, qui affiche cette annonce. Vous créez un slot, c'est-à-dire un emplacement publicitaire, de type avec récompense. Quand l'annonce est prête, le GPT prévient votre site. Le site affiche alors une invitation, par exemple : voulez-vous regarder une annonce pour gagner une récompense ? Si la personne dit oui, votre code demande au GPT d'afficher l'annonce en plein écran. Si elle dit non, l'emplacement est supprimé.

Le site crée l'écran d'invitation et remet la récompense. Pour la gagner, l'annonce doit rester visible pendant au moins 7 secondes et, si c'est une vidéo, la personne doit la regarder. Si la personne essaie de fermer avant, elle reçoit un avertissement indiquant qu'elle va perdre la récompense. À la fin, l'annonce reste à l'écran jusqu'à ce que la personne la ferme.

Il existe des règles strictes. La récompense ne peut pas être de l'argent, une carte cadeau, une cryptomonnaie ni un objet physique. Elle ne doit être utilisable que dans votre site ou application et ne peut pas être transmise à une autre personne. Avant chaque annonce, vous devez dire clairement ce que la personne doit faire et ce qu'elle va gagner. Ce format a du sens quand votre site propose quelque chose que les gens veulent vraiment, comme du contenu verrouillé ou des avantages dans un jeu.

Pas à pas

Comment mettre en œuvre

  1. Créez le bloc et définissez la récompenseCréez un bloc d'annonces et indiquez la quantité et le type de récompense. Par défaut dans Ad Manager, c'est 1 récompense par annonce vue, et vous pouvez la modifier.
  2. Créez l'élément de campagneDans les réservations, choisissez le type Vidéo ou audio avec la taille 1x1v (Vidéo / VAST). Dans Ad Exchange, choisissez Display (Standard) avec la taille 1x1 (personnalisée). La taille du bloc ne change pas la diffusion.
  3. Désactivez le blocage vidéoLa protection Bloquer les annonces vidéo non in-stream doit être désactivée pour que l'annonce avec récompense fonctionne.
  4. Mettez le GPT et affichez l'invitationQuand le GPT signale que l'annonce est prête, affichez votre invitation. Ce n'est que si la personne accepte que vous demandez au GPT de rendre l'annonce visible.
  5. Remettez la récompense et supprimez le slotQuand le GPT signale que la récompense a été accordée, conservez cette information. Quand l'annonce est fermée, remettez la récompense et détruisez le slot.
  6. Si vous le souhaitez, confirmez côté serveurLa vérification côté serveur (SSV) fait en sorte que les serveurs de Google préviennent votre système quand quelqu'un termine l'annonce, ce qui aide à lutter contre la fraude.

Exemple mis en place

Le code et le rendu à l'écran

Tout va dans le head de la page ; remplacez la fenêtre de confirmation simple par l'invitation aux couleurs de votre site.
<!-- No head; a página precisa da etiqueta de viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  let rewardedSlot;
  let rewardPayload;

  googletag.cmd.push(() => {
    rewardedSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.REWARDED
    );
    // Volta null se a página ou o aparelho não aceitar premiado
    if (!rewardedSlot) return;
    rewardedSlot.addService(googletag.pubads());

    googletag.pubads().addEventListener("rewardedSlotReady", (event) => {
      // Seu convite: o anúncio só aparece se a pessoa disser sim
      if (confirm("Ver um anúncio para liberar 3 artigos?")) {
        event.makeRewardedVisible();
      } else {
        googletag.destroySlots([rewardedSlot]);
      }
    });

    googletag.pubads().addEventListener("rewardedSlotGranted", (event) => {
      rewardPayload = event.payload; // prêmio concedido
    });

    googletag.pubads().addEventListener("rewardedSlotClosed", () => {
      // Entregue o prêmio (se rewardPayload existir) e apague o slot
      googletag.destroySlots([rewardedSlot]);
    });

    googletag.enableServices();
    googletag.display(rewardedSlot);
  });
</script>
Sur ordinateurSur ordinateur, rien n'apparaît tant que la personne n'a pas accepté l'invitation du site ; ensuite, l'annonce s'ouvre en plein écran avec des commandes de fermeture et de son.
Sur mobileSur mobile, la page doit être optimisée avec la balise viewport ; quand la personne accepte, l'annonce occupe tout l'écran jusqu'à ce qu'elle la ferme.

Ce que Google recommande

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

Autorisé

  • Donner des récompenses qui ne valent que dans votre site ou application et ne peuvent pas être transmises à une autre personne, comme des articles débloqués, des pièces de jeu ou une vie supplémentaire.
  • Donner une remise ou un bon pour un article physique, à condition que cela ne dépasse pas 25 % de la valeur totale de l'article.
  • Donner une récompense aléatoire, si la probabilité est indiquée à l'avance, si toutes les récompenses possibles sont faciles à voir (y compris la possibilité de ne rien gagner) et si la probabilité est supérieure à zéro.
  • Utiliser des icônes pour expliquer l'échange, à condition que n'importe qui comprenne sans ambiguïté.
  • Demander plusieurs annonces pour une récompense, à condition d'indiquer avant combien d'annonces il y en a et quelle est la récompense.

Interdit

  • Ne donnez pas d'argent, de cryptomonnaie, de carte cadeau ni rien qui fonctionne comme un paiement dans le monde réel.
  • Ne donnez pas d'objets physiques ni de points de fidélité transférables.
  • N'affichez pas l'annonce sans que la personne ait d'abord accepté, avec un bouton clair de oui ou d'acceptation.
  • Ne gênez pas l'utilisation normale du site pour les personnes qui disent non ou passent l'annonce.
  • N'utilisez pas de textes ou d'icônes qui poussent la personne vers un choix, comme dire que regarder l'annonce aide l'entreprise.
  • Ne dites pas, ni ne laissez entendre, que Google vérifie ou garantit la récompense.

Conseils

Pour bien faire les choses

Attention

Erreurs courantes

Page sans balise viewport

L'annonce avec récompense ne fonctionne que sur des pages optimisées pour mobile, avec un zoom neutre. Sans la balise viewport, le GPT peut ne pas créer le slot.

Ne pas vérifier si le slot est revenu vide

Le GPT renvoie null quand la page n'accepte pas l'annonce avec récompense. Le code doit s'arrêter dans ce cas.

Ne pas supprimer le slot à la fermeture

L'exemple de Google détruit le slot quand la personne ferme l'annonce ou refuse l'invitation. Suivez le même chemin dans votre code.

Blocage vidéo activé

Avec la protection Bloquer les annonces vidéo non in-stream activée, l'annonce avec récompense n'est pas diffusée.

Questions fréquentes

Qui remet la récompense ?

Vous. Le site crée l'invitation, remet la récompense et en est le seul responsable.

Combien de temps la personne doit-elle regarder ?

L'annonce doit rester visible pendant au moins 7 secondes. Si c'est une vidéo, la personne doit la regarder. Google la compte comme terminée quand la vidéo se termine, quand la durée d'affichage définie est atteinte ou quand le moment de passer arrive.

Cela fonctionne-t-il sur ordinateur ?

Oui. L'annonce avec récompense sur le web est valable pour ordinateur, mobile et tablette, toujours sur des pages optimisées pour mobile.

Dois-je créer une div ?

Non. L'annonce avec récompense crée son propre conteneur quand il y a une annonce.

Puis-je demander à la personne de regarder l'annonce pour aider le site ?

Non. Les règles interdisent les textes qui poussent la personne, comme dire que regarder l'annonce aide l'entreprise. Décrivez seulement l'action et la récompense.

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