Utiliser Google AMP avec Storify 2

Utilisez les API Livefyre pour ajouter la fonctionnalité Google AMP à votre page Storify 2 afin de garder le contenu interactif et convivial.

Pour utiliser Google AMP avec Storify 2, vous devez créer une page pour votre application Storify 2 avec balisage Google AMP.

La version AMP de l’application demande des mises à jour à partir de la page d’origine (utilisez le paramètre pollInterval dans l’API amp-live-liste pour définir l’intervalle de demandes de mise à jour). Pour garantir que les visiteurs de votre page AMP obtiennent rapidement le contenu le plus à jour, conservez une TTL à faible cache sur vos pages Storify 2 AMP.

Les ressources autres que les images (par exemple, les vidéos) incluses comme publications dans une application Storify 2 doivent utiliser le protocole HTTPS, comme spécifié par la spécification AMP. Les URL AMP qui utilisent le réseau CDN (Google Cloud Content Diffusion Network) utilisent le protocole HTTPS.

Pour utiliser Google AMP avec Storify 2 :

  1. Créez un modèle validé par AMP sur votre site.
  2. Utilisez une ou plusieurs des API AMP Google suivantes pour personnaliser votre page AMP Google :
    1. amp- iframe pour personnaliser l’affichage Storify 2
    2. amp-live- listpour personnaliser l’intervalle de temps des mises à jour
    3. amp-social- shareto add social sharing button
  3. Insérez le contenu de la page AMP Storify 2 suivante dans le fichier CSS de votre page Storify 2 dans la balise <style amp-custom> : https://cdn.livefyre.com/libs/liveblog-v2-component/amp.min.css
  4. Insérez le contenu de l’API de balisage AMP Storify 2 suivante dans votre modèle AMP Google : https://api.livefyre.com/app-service/v4/bootstrap/{{APP_ID}}/amp où {{APP_ID}} correspond à l’ID de l’application Storify 2 dans Livefyre Studio.
    1. Le seul paramètre de requête est pollInterval, qui est l’intervalle dans lequel l’application recherche les mises à jour (défini en millisecondes).
    2. L’URL comprend le contenu des publications les plus récentes (y compris les tweets, les vidéos, etc.)
    3. La page d’éditeur doit obtenir le contenu de cette URL aussi souvent que vous souhaitez que la page AMP de Google soit mise à jour.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now