Toutes les fonctions interactives à utiliser dans une page AMP

L’équipe en charge du projet AMP de a récemment déployé de nouvelles fonctionnalités AMP pour les éditeurs de contenu.

Toutes les fonctions interactives à utiliser dans une page AMP

Ce sont toutes des fonctionnalités qui sont à même de rendre toute page plus interactive sans pour autant gêner l’accélération de l’affichage de la page.

  1. AMP Linker :

    AMP Linker est une nouvelle façon de maintenir les sessions utilisateur synchronisées.

  2. Fonction “Infinite Scroll” avec amp-next-page :

    (maintenant disponible en tant que test) prend en charge ce que certains appellent “défilement infini” des articles.

    (Cliquez sur les images pour les agrandir)

    Fonction “Infinite Scroll” avec amp-next-page
    Source : AMP Project
  3. Animations Tilt-bound avec amp-orientation-observer :

    Animations Tilt-bound avec amp-orientation-observer

  4. Fonction “Compare images with amp-image-slider” :

    La fonction donne aux utilisateurs la possibilité de comparer deux images en tant que superpositions.

    Fonction “Compare images with amp-image-slider”

    Cela peut être particulièrement utile pour les photos «avant et après».

  5. Publicité AMP Story avec Google Ad Manager (Beta) :

    Google Ad Manager prend désormais en charge la distribution de publicités directes vendues par les éditeurs aux AMP Stories

    Pour la monétisation AMP

    Annonces AMP Story Ads avec Google Ad Manager

    ici

De nouveaux composants

  1.  prend en charge le panoramique et le zoom du contenu interactif en ligne.

  2.  prend en charge la saisie des dates et des plages de date dans les formulaires.
    ",

    Plus de détails ici.

  3.  affiche un compte à rebours dynamique à une date et une heure données.
  4. affiche les fichiers de document tels que les documents Word, les feuilles de calcul Excel et les PDF en ligne dans les pages AMP.
  5. Les développeurs peuvent désormais personnaliser les transitions dans et en dehors du composant existant.
  6. l\’AMP pour l\’email en utilisant les instructions ici.

Voici les fonctionnalités AMP à venir

  • Tout comme le mode Picture-in-Picture de YouTube, l’attribut «Dock» sur le composant

    Les développeurs seront en mesure de personnaliser où et comment les docks vidéo s’affichent.

  • La fonctionnalité
  • Juste comme AMP dispose maintenant de la fonction  pour le \ »Scroll infini” des documents, il en sera bientôt de même avec le même comportement pour les éléments d\’une page dans une liste.

    Cela sera utile pour les éléments de liste de défilement sans fin comme les résultats de recherche et les cartes de produits.

  • Input Masking ou masquage des saisies aidera bientôt les utilisateurs à remplir des formulaires plus efficacement en ajoutant automatiquement des formats comme des espaces et des caractères interstitiels spécifiés par les développeurs.
  • La prise en charge du cadre de transparence et de consentement sera prochainement intégrée à .
  • Le lecteur
  • Support pour les publicités “sticky” (fixes) sur desktop lorsque la position est fixée sur le rail gauche ou droit de la page.

.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}