幫網站嵌入 Facebook 按讚、分享及G+1


幫網站嵌入 Facebook 按讚、分享及G+1



一、官方作法


首先這是 FB 官網粉絲專頁外掛的安裝網址：https://developers.facebook.com/docs/plugins/page-plugin

二、簡易安裝法


請將以下程式碼，請貼在範本中 body 的下一行或上一行:

<iframe allowTransparency='true' frameborder='0' height='80' scrolling='no' src='https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fzy02.blogspot.tw%2F&amp;width=200&amp;layout=standard&amp;action=like&amp;size=small&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId' style='border:none;overflow:hidden' width='200'/>
參數的修改，請參照有顏色的字串，最重要的用紅色標示、其次為藍色：

  • 粉絲團網址：href 網址參數請改為自己的粉絲團網址
  • 小工具寬度：Width 參數請改為自訂寬度 (最少 180, 最多 500)
  • 小工具高度：Height 參數請改為自訂高度 (最少 70)
  • 是否顯示朋友頭像：show_facepile 參數 true 代表要顯示，若不要顯示則改為 false。
  • 是否使用較小的標頭區塊：small_header 參數 true 代表要顯示小尺寸標頭，若要顯示大標頭則改為 false。
  • 是否使用封面圖：hide_cover 參數 true 代表隱藏封面圖，若不隱藏則改為 false。
  • 是否顯示粉絲頁貼文：show_posts 參數 true 代表要顯示，若不要顯示則改為 false。
  • 語系：zh_TW 代表繁中語系

三、+1 按鈕安裝語法



請將以下程式碼，放在想顯示的地方：

<iframe allowTransparency='true' src='' style='width:85px; height:63px;' frameborder='0' scrolling='no' onload='this.src="https://plusone.google.com/_/+1/fastbutton?url=http://" + location.hostname + location.pathname + "&amp;size=medium"; this.onload="";'></iframe>

如需要修改參數的話，請參考以上藍色字串：
  • width: 寬度 px 值
  • height: 高度 px 值
  • size: 有 4 種參數可修改
    • small
    • medium
    • standard
    • tall

如果要跟 FB 讚按鈕擺在一起，那麼 size 建議使用 medium 就好，版面比較美觀。
日期：