將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頁面的頻度一樣。

本頁內容

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