Facebook Like

基本 code

<amp-facebook-like width=90 height=20
    layout="fixed"
    data-layout="button_count"
    data-href="https://www.facebook.com/testesmegadivertidos/">
</amp-facebook-like>

完成後會如下圖所示

Required Script

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

Attributes

• data-href （必填） - Facebook Like 的絕對路徑。例如： https://www.facebook.com/testesmegadivertidos/

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

• data-action （非必填） - 預設為 like （讚） ， 也可設 recommend （推薦） 。決定按鈕上顯示的文字。

• data-colorscheme （非必填） - 預設為 light ，也可設 dark 。外掛程式針對按鈕本身以外的文字所採用的色彩配置。

• data-kd_site （非必填） - 預設為 false 。如果有未滿 13 歲的兒童會看到或使用您的網站、網路服務，或是部分服務，請務必啟用這項設定。

• data-layout （非必填） - 預設為 standard ，共有 standard 、 button_count 、 button 或 box_count 這幾項。可以有不同的版面配置。

• data-ref （非必填） - Tracking referrals 次數時所使用的標籤。一定要少於 50 字元；可包含英數字元和部分標點符號（目前僅限 + 、 / 、 = 、 - 、 . 、 : 、 _ ）。

  • 如何 Tracking referrals ？ user 點擊時， data-ref 設定會造成 2 個參數加入轉介人網址：
    • fb_ref - ref 參數；例： fb_ref=top_left
    • fb_source - 讚／分享：由發生點擊的，下面 2 者參數以底線串連而成；例： fb_source=profile_oneline
      • 串流類型（「home」（首頁）、「profile」（個人檔案）、「search」（搜尋）、「ticker」（即時動態）、「tickerdialog」（即時動態對話方塊）或「other」（其他））
      • 動態類型（「oneline」（單行）或「multiline」（多行））。
  • 例如： http://www.facebook.com/l.php?fb_ref=top_left&fb_source=profile_oneline

• data-share （非必填） - 預設為 false 。是否要在「讚」按鈕旁邊加入「分享」按鈕。這項設定僅適用於 XFBML 版本。

• data-show_faces （非必填） - 預設為 false 。指明是否要在按鈕下方顯示大頭貼照（僅適用於 standard layout ）。請勿在兒童導向的網站啟用這項設定。

• data-size （非必填） - 預設為 small ，可使用的值有 large 與 small 。用以決定按鈕的尺寸。

• common attributes - 詳參

參考來源：

• AMP官網
• AMP by example - amp-facebook-like
• Facebook 官方文件 - 網頁專用的「讚」按鈕