iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 14
0
Modern Web

AMP系列 第 14

AMP(Lession 14) - Facebook 的粉絲專頁外掛程式

  • 分享至 

  • xImage
  •  

Facebook 的粉絲專頁外掛程式

方便您在自己的網站上內嵌和推廣任何公開的 Facebook 粉絲專頁。user 不用離開網站,便可對粉絲專頁按讚和分享。

https://ithelp.ithome.com.tw/upload/images/20181004/20078336nPumIAOMHk.png

Required Script

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

基本範例

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

Attributes

  • data-href (必填) - Facebook 粉絲專頁的絕對路徑。例如: https://www.facebook.com/imdb/

  • data-locale (非必填) - 預設為 user 的系統語言;也可自定義呈現的語言。

  • data-tabs (非必填) - 指定標籤來呈現(舉例: timeline , events , messages),預設為 timeline ,使用逗號 , 來分割不同的項目。

  • data-hide-cover (非必填) - 預設為 false 。在 header 處隱藏封面照片。

  • data-show-facepile (非必填) - 預設為 true 。顯示在此按下 like 的友人個人資料照片。

  • data-hide-cta (非必填) - 預設為 false 。如果可以用動作按鈕的話,隱藏自定義電話。

  • data-small-header (非必填) - 預設為 false 。Uses the small header instead。

  • common attributes - 詳參


參考來源:


上一篇
AMP(Lession 13) - Facebook 的 發文、影片、留言〈資料 href 篇〉
下一篇
AMP(Lession 15) - Facebook Like
系列文
AMP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言