Usar Google AMP con Storify 2

Utilice las API de Livefyre para añadir la funcionalidad de AMP de Google a la página de Storify 2 para mantener el contenido interactivo y compatible con SEO.

Para utilizar Google AMP con Storify 2, debe crear una página para la aplicación Storify 2 con marcado AMP de Google.

La versión AMP de la aplicación solicita actualizaciones desde la página original (utilice el parámetro pollInterval en la API amp-live-list para establecer el intervalo para las solicitudes de actualización). Para garantizar que los visitantes de su página de AMP obtengan rápidamente el contenido más actualizado, mantenga un TTL de baja caché en sus páginas de AMP de Storify 2.

Los recursos que no sean imágenes (por ejemplo, vídeos) incluidos como anuncios en una aplicación de Storify 2 deben utilizar HTTPS según lo especificado en la especificación de AMP. Las direcciones URL de AMP que utilizan la red de distribución de contenido (CDN) de Google Cloud utilizan HTTPS.

Para usar Google AMP con Storify 2:

  1. Cree una plantilla validada por AMP en su sitio.
  2. Utilice una o más de las siguientes API de AMP de Google para personalizar su página de AMP de Google:
    1. amp- iframe para personalizar la pantalla de Storify 2
    2. amp-live- list para personalizar el intervalo de tiempo para las actualizaciones
    3. amp-social- share para agregar un botón de uso compartido en redes sociales
  3. Incluya el contenido de la siguiente página de AMP de Storify 2 en el CSS para la página de Storify 2 dentro de la etiqueta <style amp-custom> : https://cdn.livefyre.com/libs/liveblog-v2-component/amp.min.css
  4. Incluya el contenido de la siguiente API de marcado AMP de Storify 2 en la plantilla AMP de Google: https://api.livefyre.com/app-service/v4/bootstrap/{{APP_ID}}/amp donde {{APP_ID}} es el ID de la aplicación Storify 2 de Livefyre Studio.
    1. El único parámetro de consulta es pollInterval, que es el intervalo en el que la aplicación buscará actualizaciones (establecido en milisegundos).
    2. La dirección URL incluye contenido de los anuncios más recientes (incluidos tweets, vídeos, etc.)
    3. La página del editor necesita obtener contenido de esta dirección URL tan a menudo como desee que se actualice la página de AMP de Google.

En esta página

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