amp-facebook-page

<script async custom-element="amp-facebook-page" src="https://cdn.ampproject.org/v0/amp-facebook-page-0.1.js"></script>

用法

使用 amp-facebook-page 元件來嵌入 Facebook 粉絲專頁外掛程式。

<amp-facebook-page
  width="340"
  height="130"
  layout="fixed"
  data-hide-cover="true"
  data-href="https://127.0.0.1/imdb/"
>
</amp-facebook-page>

屬性

屬性

data-href

Facebook 粉絲專頁的絕對網址。例如：https://127.0.0.1/imdb/。

data-locale (選填)

預設情況下，locale 會設定為使用者的系統語言；但是，您也可以指定 locale。如需詳細資訊，請造訪Facebook API 本地化頁面。

data-tabs (選填)

指定要呈現的索引標籤 (即 timeline、events、messages)。使用逗號分隔清單來新增多個索引標籤 (例如，timeline, events)。預設情況下，Facebook 粉絲專頁外掛程式會顯示時間軸活動。

data-hide-cover (選填)

隱藏標題中的封面相片。預設值為 false。

data-show-facepile (選填)

顯示按讚粉絲專頁的朋友的大頭照。預設值為 true。

data-hide-cta (選填)

隱藏自訂行動呼籲按鈕 (如果有的話)。預設值為 false。

data-small-header (選填)

改為使用小型標題。預設值為 false。

title (選填)

為元件定義 title 屬性，以傳播到底層的 <iframe> 元素。預設值為 "Facebook 粉絲專頁"。

通用屬性

此元素包含通用屬性，這些屬性已擴充至 AMP 元件。

驗證

請參閱 AMP 驗證工具規格中的 amp-facebook-page 規則。