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 (選填)

預設情況下，語言代碼會設為使用者的系統語言；不過，您也可以指定語言代碼。如需詳細資訊，請參閱 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 page"。

通用屬性

這個元素包含 通用屬性 (已擴充至 AMP 元件)。

驗證

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