網頁中嵌入 Facebook 粉絲團 - HTML 教學

Page Plugin The Page plugin lets you easily embed and promote any public Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving your site. You can use the Page plugin for any Page that is not restri

在 Facebook 裡除了分享圖片和文字，也會分享許多的影片，這篇教學會介紹如何透過 HTML 的實作，將 Facebook 裡的公開分享的影片，嵌入到自己的網頁裡。

前往 Facebook 開發者的「粉絲專頁外掛程式」頁面，下拉找到並點擊「取得程式碼」按鈕。 開啟程式碼後，分別有 JavaScript SDK 和 iFrame 兩種方式，都可以將粉絲團嵌入到網頁中，如下圖所示，畫紅線的位置要替換成粉絲團的網址。 在「steam.oxxostudio.tw」查看更多資訊 如果是使用 JavaScript SDK，將第一段程式碼放在 的最上方，第二段程式碼放在想要嵌入的位置，替換粉絲團的網址後，網頁中就會嵌入粉絲團。 如果是使用 iFrame，只要將程式碼放在想要嵌入的

<iframe> 標籤 (inline frame) 是所謂的內嵌框架 (內聯框架)，用來在一個 HTML 網頁裡面嵌入另外一個 HTML 網頁，像是常見的在部落格裡面用 iframe 語法嵌入 Facebook 的粉絲專頁或按讚按鈕外掛。

答案是可以的！ 嵌入方式同樣是點選貼文右上方的三個點點、嵌入並獲得程式碼。 而影片的貼文，同樣也可以選擇是否要顯示完整的貼文資訊，不過與一般貼文不同的地方在於，影片可以選擇「開始嵌入的時間」，也就是你嵌入的影片會 從幾分幾秒開始播放！

在網頁設計上，可能需要將Facebook粉絲專頁的貼文內嵌至網頁內，而Facebook官方本身就有提供這方面的嵌入設定，就算對網頁不熟悉也可以輕鬆操作。

有經營 Facebook 粉絲團的小編，可能會需要將粉絲團嵌入到公司經營的官方網站或者部落格中，Facebook 官方就有提供相關的嵌入設定，且並未限定粉絲人數，都可以取得嵌入程式碼，此功能原本在 Facebook 開發人員的 Like box 項目中，不過後來變更至 Page Plugin 中，以下我們稍微介紹一下操作介面以及每個項目所代表的意思，相信各位小編們都可以很輕鬆的將粉絲團嵌入至網站或部落格中。