如何在網站上嵌入 Facebook 提要? [分步教程]

已發表: 2017-06-27

如果您想知道如何在您的網頁上嵌入 Facebook 提要,請舉手?

更新你的 Facebook 頁面並為你的網站做同樣的事情是一個巨大的痛苦和耗時,所以許多社區經理只是厭倦了這項任務。

立即嵌入 Facebook 提要的步驟:

  1. 使用 EmbedSocial 激活您的免費試用版
  2. 連接您的 Facebook 帳戶
  3. 在 Facebook 小部件中生成您的 Facebook 帖子
  4. 自定義和調節小部件
  5. 複製代碼並將其嵌入您的網站

這是 WordPress 網站上的樣子:

在網站上嵌入 Facebook 提要

就像你看到的那樣? 使用 EmbedSocial 創建此 Facebook 提要並將其嵌入您的網站。

開始你的免費試用

或者,您可以繼續使用我們在本博文中介紹的屏幕截圖來檢查所有五個快速步驟。

為什麼你應該在你的網站上使用 Facebook 提要?

在您的網站上嵌入 Facebook 提要可以讓您彌合龐大的社交受眾與您的業務之間的差距,通過向您的網站添加社交證明並提高參與度和網站停留時間來產生更多潛在客戶並增加轉化率。

通過社交媒體聚合器在網站上的實時 Facebook 提要使您能夠在網站上添加實時社交提要流。 它實時工作,有利於宣布即將到來的 Facebook 活動、優惠和促銷活動。

好消息是,現在每個人都可以在他們的網站上應用重要的 Facebook 內容,並輕鬆地與網站訪問者建立信任。

你猜怎麼著?

您不必精通技術,也不必對 API 等更先進的技術功能有廣泛的了解。

因此,在這篇文章中,我們概述了一些方法,可以幫助您體驗這些好處並在您的網站上顯示您的 Facebook 頁面活動。

以下是有關如何嵌入 Facebook 提要的選項:

  1. 第 1 步:在 EmbedSocial 免費註冊
  2. 第 2 步:將 Facebook 提要導入您的帳戶
  3. 第 3 步:選擇“來源類型”
  4. 第 4 步:獲取可嵌入代碼並將其粘貼到您的網站上
  5. 第 5 步:自定義 Facebook 提要以匹配您網站的外觀
  6. 獎勵:其他網絡平台上的 Facebook 提要
  7. 免費嵌入 Facebook 動態的其他選項(有限制)

1. 註冊 Facebook 提要插件

EmbedFeed 是一個功能齊全的社交媒體聚合器,可與主要社交媒體網絡(如 Facebook、Instagram 和 Twitter)直接集成。

要使用 EmbedFeed 嵌入 Facebook 提要,首先,您需要登錄您的帳戶,或者如果您還沒有帳戶,您將獲得一個免費試用帳戶。 擁有帳戶後,只需按照以下步驟操作:

  • 點擊菜單“來源”
  • 單擊右上角的綠色按鈕“添加新”
  • 選擇 Facebook 並點擊“下一步”
  • 粘貼或輸入您的 Facebook 頁面 URL,然後單擊“下一步”
  • 生成提要後,單擊“創建提要”
  • 複製提供的可嵌入代碼
  • 將其粘貼到您網站的 HTML iframe 或 CMS 的文本編輯器中。

就是這樣。 這是 EmbedSocial Facebook 社交源的演示。

而且,下面是詳細的步驟和截圖。

定義:社交媒體聚合器是一種生成在社交媒體網絡上發布的帖子並幫助分析、審核和顯示在您的網站上的工具。

2. 將 Facebook Feed 導入您的帳戶

登錄到您的 EmbedSocial 帳戶後,單擊左側菜單中的“來源” ,然後在該頁面上單擊右上角的“添加新來源”按鈕。

添加源

在來源列表中,只需單擊“ Facebook”框” ,如下所示:

臉書來源

在下一個屏幕上,您需要選擇是要嵌入自己的頁面提要,還是要嵌入提及您頁面的 Facebook 用戶發布的帖子。

對於此示例,我們將選擇 Facebook 頁面帖子,因此在“來源類型”屏幕中只需選擇“Facebook 頁面帖子”選項。 將出現一個輸入字段,您需要在其中粘貼或鍵入您的 Facebook 頁面 URL。 如果您已經連接了其他頁面,只需連接您想要從中創建提要小部件的頁面。

嵌入 Facebook 頁面帖子

完成後,只需單擊“創建源”

請稍候,讓系統生成提要,在最後一步,您只需單擊“創建小部件”。

創建 Facebook 小部件

恭喜! 您剛剛將整個 Facebook 主頁提要導入您的帳戶。 因此,讓我們獲取代碼並將其嵌入您的網站。 按照下一步操作。

3. 在您的網站 HTML 中復制/粘貼一個簡單的代碼

在編輯模式下打開 Facebook 提要後,您會在右上角找到提要的可嵌入代碼。 下面是一個示例,您可以看到代碼的確切位置,用紅色圓圈突出顯示。

嵌入 Facebook 提要插件

獲得代碼後,選擇網站上要嵌入提要小部件的位置,然後粘貼此代碼。

它實際上可以在任何地方,例如側邊欄、登錄頁面或博客文章。

該提要將立即顯示在您的網站上。

4. 自定義您的 Facebook Feed

Embed Facebook Feed 插件 – EmbedFeed 具有一些自定義功能和設置,可以幫助您根據需要創建可自定義的 Facebook Feed。

使用以下設置:

  • 審核– 精心挑選哪些帖子出現在您的提要中。 此外,選擇每次在 Facebook 上發帖時自動添加新帖子的選項,這將與您的網站實時同步
  • 添加購買按鈕- 選擇“號召性用語”選項並在帖子上添加按鈕,以便您的網絡訪問者可以立即購買產品或在提要中了解有關帖子的更多信息。
  • 提要中的帖子數- 限制您希望提要顯示的帖子數
  • 自定義 CSS – 隱藏或顯示喜歡、發帖或包含分享按鈕的數量。 此選項是通過提交具有您自己樣式的自定義 CSS 類來完全自定義提要的整個外觀
  • 帖子寬度- 您可以選擇以更大或更小的寬度顯示的帖子
  • 移動響應– 手機和平板電腦的帖子寬度,為較小的設備選擇不同的帖子尺寸
  • 包括完整帖子- 此選項將啟用或禁用照片帖子的標題
  • 無需編碼
  • 編輯標題文本,更改標題顏色和大小
  • 更改提要設置後,只需單擊“保存”
自定義 Facebook 提要小部件
開啟免費體驗

立即嵌入您的第一個 Facebook 動態

在您的網站上生成、自定義和嵌入 Facebook 動態。

如果您沒有時間閱讀以上所有內容,以下是有關如何將您的 Facebook 頁面提要嵌入任何網站的分步教程:

獎勵:將 Facebook Feed 嵌入任何 CMS:WordPress、Wix、Drupal、Joomla 等

最後但同樣重要的是,您可能想要添加多個提要。 此選項目前可供所有用戶使用,所以是的,您可以獲得無限的提要並將其嵌入任何網站。

最棒的是,該代碼適用於每個主要的 CMS、Drupal、WordPress、Joomla、Wix、Squarespace、PageCloud 等。

Facebook 提要插件 wordpress wix joomla drupal

你知道最好的部分是什麼嗎? 您無需安裝任何東西,也無需具備任何編程語言(如 JavaScript 或 HTML 和 CSS)的高級知識。

只需將腳本代碼複製並粘貼到 CMS 編輯器中即可。

注意:對於 WordPress 網站,您可以安裝我們的官方 WordPress Facebook Feed 插件並根據需要使用短代碼。

相同的步驟適用於在您的網站上嵌入 Instagram 和 Twitter 提要。

其他選項:使用 Native Facebook 社交插件工具嵌入 Facebook Feed

可以幫助您嵌入 Facebook 主頁時間線提要的最簡單的解決方案之一,您可以使用 Facebook 的免費主頁插件。

  1. 輸入您的 Facebook 主頁網址
  2. 設置寬度或高度參數
  3. 點擊獲取代碼
  4. 只需將嵌入代碼複製並粘貼到您的網站正文部分

注意:Facebook 的頁面插件對於自定義 Facebook 提要的功能有限,不能讓您以特定佈局(如網格、磚石、幻燈片或類似佈局)顯示 Facebook 提要。

其他選項:將 Facebook Feed 作為相冊嵌入

好消息是,有一個插件可以在接下來的 5 秒內將您的 Facebook 提要作為相冊嵌入您的網站。 從技術上講,這意味著您可以使用一行代碼將整個 Facebook 頁面提要照片嵌入到網站中的網格佈局中,該代碼將您的網站與您的 Facebook 頁面活動同步。

這是一個簡單的免費 Facebook Feed 插件,它只需要您在博客文章或網站頁面的 HTML 正文標籤中嵌入一行代碼。 如果您的網站或博客使用 WordPress,請不要擔心。 此插件也將幫助您將 Facebook 提要嵌入到您的 WordPress、Drupal 或 Joomla 網站中。

它是 EmbedAlbum 平台的一部分,您可以永久免費使用。 它與 EmbedFeed PRO 版本不同,因為它僅嵌入 Facebook 頁面照片而不嵌入提要,但會創建一個仍然與您的 Facebook 活動自動同步的驚人圖庫。

看看提要小部件在網站上看起來多麼令人驚嘆!

臉書提要小部件

現在您已經了解到,您可以在幾秒鐘內在任何網站上顯示您的 Facebook 提要。

我們很想知道你將如何使用這個插件,所以一定要在下面的評論中分享你的想法。

如有任何其他疑問,您可以隨時聯繫我們的支持團隊或查看常見問題解答。

排名第一的社交媒體聚合器

嘗試 EmbedFeed 並在任何網站上嵌入 Instagram、Facebook、Youtube 或 TikTok 提要,就像專業人士一樣。


7 天免費試用 · 設置簡單 · 隨時取消

嵌入 Instagram 小部件