AMP

Annonces dans les stories Web

Important: this documentation is not applicable to your currently selected format websites!

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.

NOTE – Une story Web plus longue offre plus d'opportunités de placement publicitaire. Le placement exact de l'algorithme publicitaire continuera à être optimisé au fil du temps.

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.

Users can progress past ads by tapping the right two thirds of the screen.

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é).

Users are redirected to an ad landing destination, but can return to the story.

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:

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.

Consultez la section Trafic des créations personnalisées dans les stories Web pour plus d'informations sur l'importation d'annonces dans Google Ad Manager et consultez notre guide sur les bonnes pratiques pour créer une story publicitaire AMP.