将Google AMP与Storify 2一起使用

使用Livefyre API将Google AMP功能添加到Storify 2页面,以保持内容的交互性和SEO友好性。

要将Google AMP与Storify 2一起使用,您必须为Storify 2应用程序创建一个带有Google AMP标记的页面。

App的AMP版本从原始页面请求更新(使用​amp-live-列表 API中的​pollInterval​参数设置更新请求的时间间隔)。 要确保AMP页面上的访客能够快速获得最新内容,请在Storify 2 AMP页面上保持低缓存TTL。

作为帖子包含在Storify 2应用程序中的非图像资产(例如,视频)必须使用HTTPS(由AMP规范指定)。 使用Google Cloud内容投放网络(CDN)的AMP URL使用HTTPS。

要将Google AMP与Storify 2结合使用,请执行以下操作:

  1. 在您的站点上创建经过AMP验证的模板。
  2. 使用以下一个或多个Google AMP API自定义您的Google AMP页面:
    1. amp- iframeto自定义Storify 2显示
    2. amp-live-listto 自定义更新的时间间隔
    3. amp-social-share 添加社交共享按钮
  3. <style amp-custom>标记中,将以下Storify 2 AMP页面的内容包含到Storify 2页面的CSS中:https://cdn.livefyre.com/libs/liveblog-v2-component/amp.min.css
  4. 将以下Storify 2 AMP标记API的内容包含到您的Google AMP模板中:https://api.livefyre.com/app-service/v4/bootstrap/{{APP_ID}}/amp其中{{APP_ID}}是Livefyre Studio中Storify 2应用程序的应用程序ID。
    1. 唯一的查询参数是​pollInterval,这是应用程序检查更新的时间间隔(以毫秒为单位)。
    2. 该URL包含来自最新帖子的内容(包括帖子、视频等)
    3. 发布者页面需要从此URL获取内容,所以需要更新Google AMP页面。

在此页面上