將Google AMP與Storify 2搭配使用

使用Livefyre API將Google AMP功能新增至Storify 2頁面，讓內容保持互動式和SEO友好。

若要搭配Storify 2使用Google AMP，您必須為Storify 2應用程式搭配Google AMP標籤建立頁面。

應用程式請求的AMP版本會從原始頁面更新（使用​amp-live-list API中的​pollInterval​參數來設定更新請求的間隔）。 為確保AMP頁面上的訪客能快速取得最新內容，請在Storify 2 AMP頁面上保留低快取TTL。

包含在Storify 2應用程式中的貼文的非影像資產（例如視訊）必須使用HTTPS，如AMP規格所指定。 使用Google Cloud內容傳送網路(CDN)的AMP URL使用HTTPS。

若要搭配Storify 2使用Google AMP:

  1. 在您的網站上建立經AMP驗證的範本。
  2. 使用下列一或多個Google AMP API來自訂您的Google AMP頁面：
    1. amp- iframeto自訂Storify 2顯示
    2. amp-live- list以自訂更新的時間間隔
    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頁面的頻度一樣。

本頁內容