Comment afficher de la publicité sur vos Pages AMP ?

Depuis le début du lancement du projet open source AMP, l’objectif visé était clair : rendre l’expérience du Web mobile meilleure et rapide pour les utilisateurs.

Comment afficher de la publicité sur vos Pages AMP

Ce qui va bien au-delà du contenu mobile pour aboutir aussi à une meilleure première impression des utilisateurs face à la publicité .

Et les différents tests qui ont été réalisés attestent des performances impressionnantes tant du point de vue de l’engagement des utilisateurs que de celle des annonceurs qui génèrent de meilleures performances.

Vous pouvez découvrir les chiffres de la publicité ici.

Pour réaliser cette vision de l’affichage instantanée des annonces publicitaires sur les pages , l’équipe d’AMP a créé une solution de publicité qui suit 4 principes fondamentaux impératifs :

  1. La rapidité, c’est mieux : Il n’y a aucune raison que les annonces AMP ne puissent pas être aussi rapides que le document AMP lui-même.
  2. De beaux formats : Les annonces AMP doivent être belles et pertinentes à la fois.
  3. La sécurité est un plus :
  4. C’est toute l’industrie qui est concernée : AMP n’est pas là de soutenir une entité unique de publicité ou une seule plateforme publicitaire, mais toute une industrie de la publicité. Le succès nécessite la participation de l’ensemble de l’industrie publicitaire qui devra s’engager à respecter tous ces principes.

Les annonces au format AMP sont livrées en utilisant le composant -ad.

À l’aide de ce composant, vous pouvez configurer vos annonces dans un certain nombre de moyens tels que la largeur, la hauteur, le mode de mise en page et la stratégie de chargement de la publicité.

Les différents réseaux publicitaires peuvent permettre encore plus d’options.

Voici des exemples de codes pour afficher des publicités dans vos pages AMP, avec en gras les variables à personnaliser :

  • AdSense :

    type=\ »adsense\ »
    data-ad-client=\ »ca-pub-2005682797531342\ »
    data-ad-slot=\ »7046626912\ »>

  • Criteo :

    type=\ »criteo\ »
    data-zone=\ »314159\ »>

  • DoubleClick :

    type=\ »doubleclick\ »
    data-slot=\ »/4119129/mobile_ad_banner\ »>

    ou encore

    width=\ »414\ »
    height=\ »457\ »
    layout=”responsive”
    type=\ »doubleclick\ »
    data-slot=\ »/35096353/amptesting/image/flex\ »>

  • Taboola :

    type=taboola
    layout=responsive
    heights=\ »(min-width:1907px) 39%, (min-width:1200px) 46%, (min-width:780px) 64%, (min-width:480px) 98%, (min-width:460px) 167%, 196%\ »
    data-publisher=\ »amp-demo\ »
    data-mode=\ »thumbnails-a\ »
    data-placement=\ »Ads Example\ »
    data-article=\ »auto\ »>

Vous pouvez ajouter plusieurs publicités à vos pages AMP. Vous trouverez d\’ailleurs la liste complète des plateformes publicitaires supportant ici, avec leurs exemples de codes à personnaliser pour chaque emplacement d\’annonce.

Auteur : Noel NGUESSAN

Je suis Noel Nguessan, fondateur du site Arobasenet.com qui existe depuis 2007 et a aujourd'hui plus de 6.800 articles. Pour ma part, j'ai intégré le monde de l'internet en 1997 en qualité de créateur de site internet, avant de devenir développeur web et multimédia au début de l'année 2000, avant de basculer naturellement vers le SEO en tant que Consultant.