Annonces dans les stories Web

Les stories Web s'affichent en plein écran et plongent les lecteurs dans le contenu. La diffusion de stories publicitaires AMP permet une intégration fluide et sans interruption dans le parcours utilisateur, tout en assurant l'engagement et l'attraction de ce dernier vis-à-vis de la plateforme.

Placement des annonces

Les stories Web utilisent un seul composant amp-story-auto-ads pour déterminer la quantité et le placement des annonces.

amp-story-auto-ads est un wrapper placé autour du composant amp-ad. Il insère de façon dynamique une ou plusieurs annonces pendant que l'utilisateur consomme le contenu de la story. Pour garantir la meilleure expérience utilisateur:

1. Les annonces sont pré-affichées par le runtime Web Stories, avant d'être insérées. Cela garantit que les utilisateurs ne verront jamais une annonce vierge ou non chargée.

2. La densité des annonces est optimisée avec le rapport de contenu pour éviter la sursaturation. Le composant amp-story-auto-ads décide quand et où insérer des annonces à mesure que l'utilisateur progresse.

Une story Web place la première annonce après les deux premières pages dans le but d'optimiser les revenus de monétisation et l'expérience utilisateur.

Interaction utilisateur

Les utilisateurs peuvent passer les annonces de la même manière que sur les pages de story normales: en touchant les deux tiers droits de l'écran.

Les utilisateurs interagissent directement avec l'annonce en appuyant sur le bouton d'appel à l'action affiché par le système qui apparaît dans le tiers inférieur de toutes les annonces stories publicitaires Web. Le bouton peut être configuré pour envoyer l'utilisateur vers une URL arbitraire (ou vers l'App Store concerné).

Configurer une story Web pour les annonces

Les stories Web ne peuvent pas prendre en charge un attribut amp-ad directement sur la page. Au lieu de cela, toutes les annonces sont récupérées et affichées par l'extension amp-story-auto-ads. Le composant amp-story-auto-ads doit être placé en tant qu'élément enfant direct de amp-story.

<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
// ad server configuration
}
}
</script>
</amp-story-auto-ads>
<amp-story-page>
...
</amp-story>

Contrairement à une annonce amp-ad normale, aucun <fallback> ou <placeholder> n'est requis, car les stories publicitaires Web ne sont affichées qu'une fois qu'elles sont entièrement générées.

Premiers pas avec les stories publicitaires

Le moyen le plus simple d'inclure des annonces dans votre story Web Story consiste à diffuser des annonces à partir d'un serveur publicitaire compatible.

Les serveurs publicitaires qui prennent actuellement en charge les annonces Web Story sont:

• Google Ad Manager
• Annonces à vente directe
• Annonces programmatiques
• Google AdSense bientôt disponible
• MGID
• Annonces à vente directe
• Possibilité d'intégrer d'autres plateformes (contactez-nous pour plus de détails via Github)

Si vous êtes un annonceur et souhaitez diffuser vos annonces dans les stories Web, veuillez nous contacter pour plus d'informations.

Les éditeurs peuvent également placer des annonces personnalisées s'ils configurent leur propre serveur publicitaire. Vous trouverez ici une procédure détaillée à cet effet.

• Written by @CrystalOnScript