如何在網站上嵌入Facebook源

所以,你想在你的網站上 嵌入一個Facebook源 , 部落格 , 或其他在線目的地 - 但你不確定最好的方法?不用擔心,我們會帶您從不確定到嵌入 根本沒有時間.

但首先,你知道嗎?截至2021年12月,Facebook報導 19 億每日活躍使用者 28.9 億每月活躍使用者.綜上所述,這幾乎佔世界人口的37%。

太不可思議了這也是將您的 Facebook 頁面與其他正面媒體(包括您的網站)連結的一個很好的理由。從帖子喜歡和照片分享,到主頁喜歡和一對一消息,Facebook可以作為一個重要的行銷和參與工具

關於Facebook以及如何在網站上嵌入Facebook源

Screenshot via Facebook.com

所以,現在你想知道如何嵌入你的Facebook頁面源在你的網站上,這樣你就可以 介紹訪問者到你的社交方面,並 邀請參與,而從來沒有引導他們離開你的網站。

我們有兩種[簡單]的方法讓你從這裡到那裡。 不需要嚴肅的技術技能!(我們承諾不部署縮寫為 API,甚至一次。

本文內容如下:

方法1:使用Facebook頁面外掛程式

方法2:使用 ShareThis WordPress 的社交源外掛程式, 購物 » 更多

如何將 Facebook 事件嵌入到您的網站

如何嵌入Facebook直播到您的網站

不要只是嵌入;分享太

方法1:使用Facebook頁面外掛程式

Facebook 頁面嵌入外掛程式選項

Facebook 提供了多個內置的自定義項來顯示您的主頁源。

臉譜網提供自己的 頁面外掛程式 允許您在網站上嵌入您的 Facebook 源,並提供一些自定義選項。實現它相當簡單:

  1. 存取頁面外掛程式頁面
  2. 複製/貼上您所需的 Facebook 頁面網址(提示:如果您從連結的個人資料帳戶查看,則可能已存在);
  3. 選擇偏好設定,例如輸出顯示的選項卡、寬度和高度;
  4. 檢查框 對於您想要的任何以下選項:『使用小型 頁眉,' "隱藏 封面照片, '適應 外掛程式 容器寬度,"顯示朋友"的臉。(並確保這些框未檢查您不想要的選項。
  5. 點擊 獲取代碼。 您可以選擇使用 爪哇腳本 or i 幀;
  6. 複製並貼上程式碼到 部落格 帖子、側邊欄或您網站上的其他位置。

和。。。做?嗯,不完全是。

如果回顧步驟 3,讓我們暫時討論這些首選項。Facebook 為您提供嵌入式源顯示方式的一些玩法:例如,您可以使用一個程式碼 顯示時間線,並展示即將舉辦的活動,或者使用另一個程式碼啟用 Facebook 訊息。逗號分開那些壞男孩,你可以兩者兼而有之。

您可以隱藏封面照片或自豪地顯示。你可以顯示你的網站訪問者,如果他們有朋友誰喜歡你的頁面 和/或 閃爍您的自定義CTA。您可以 更改顯示語言,甚至啟用 自適應寬度 顯示幕,以吸引任何類型的網站訪問者。有相當多的選項可用,所以在按兩下「獲取代碼」之前,請先看看周圍。

何時使用方法 1:如果您需要在網站上 顯示簡單的頁面源,請不要大驚小怪,並且對三個基本選項(顯示您的 時間線評論消息功能)感到滿意,然後轉到此免費的 Facebook 支援的選項。

方法2:使用 ShareThis WordPress 的社交源外掛程式, 購物 » 更多

ShareThis 用於在網站上嵌入 FB 源的社交源

雖然Facebook本機代碼提供了相當多的選項,但它確實功能有限。那麼,如果 Facebook 頁面外掛程式不能適應他們的需要,那麼社交網站該怎麼辦呢?

進入第三方外掛程式的世界,允許更大的自訂 更易於使用。與 ShareThis 社交飼料您可以 嵌入 不只是你的 臉譜頁面源 但也流從多個帖子 社交媒體 網路就在你的 部落格 或網站。當然,如果你只想包括你的 臉譜網帖子 在你的飼料, 這也是可以做到的。 

設置起來很簡單: 

  1. 連接臉譜帳號
  2. 自訂 設計 您的飼料,以配合您的品牌; 
  3. 插入您唯一的 ShareThis 法典 進入您的網站 頁眉 部分; 
  4. 複製放置代碼 並粘貼它,無論您希望飼料出現在您的網站上。 

就這麼簡單!此外, ShareThis 社交源是免費使用的(儘管如果您想要在源中顯示更多帖子或想要包含來自多個帖子的帖子,則有付費計劃可用 社交媒體 網路)。有很多 定製 選項,如自動圖像裁剪、靈活佈局(從方格、拼貼或滑塊佈局中選擇),甚至懸停效果以顯示圖像標題和喜歡時您的 網站訪問者 懸停在飼料中的柱子上。 

<strong style="font-size: inherit;"><span style="font-weight: 400;">The ShareThis Social Feed integrates seamlessly with any website platform, so whether you’re using Shopify, </span><span style="font-weight: 400;">WordPress</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Squarespace</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Wix</span><span style="font-weight: 400;">, Blogger, or another platform, you can have your social feed up and running in minutes.</span></strong>

<strong style="font-size: inherit;">When to use method 2</strong>: 如果您 <strong style="font-size: inherit;">need more customization than the Facebook plugin (method 1) allows</strong>,那你得得搞點技術。投入一點工作(也許還有一些現金),你將能夠創建美麗的嵌入式Facebook源,以顯示任何地方和任何地方。

如何將 Facebook 事件嵌入到您的網站

想要在您的網站上嵌入您的Facebook活動源?您可以使用 臉譜頁面外掛程式 在幾個簡單的步驟中這樣做: 

  1. 訪問頁面外掛程式 並且,如果它還沒有出現,複製並粘貼您的Facebook頁面網址到框中。 
  2. 在表格的"Tabs"部分,"時間線"可能已經預先填充在那裡。如果是,請將其刪除,並將"事件"鍵入表單字段。如果表單欄位是空的,則只需 將「事件」鍵入欄位
  3. 然後 按兩下「獲取代碼」並將生成的代碼粘貼到您的網站 (使用您選擇的 JavaScript 或 i 幀) 在 部落格 帖子,您的網站的側邊欄,或任何你希望您的Facebook事件飼料出現。  

如何嵌入Facebook直播到您的網站

想要為您的Facebook直播獲得更多觀眾?好消息:您也可以在網站上嵌入Facebook直播。要將 Facebook 即時視頻嵌入到您的網站上,請按照以下步驟進行: 

  1. 訪問 Facebook 頁面外掛程式 » 嵌入式視頻和實時視頻播放機
  2. 複製 Facebook 實時視頻的 URL 您想嵌入到您的網站上。您可以通過按兩下 Facebook 即時視頻帖子右上角的三點圖示,然後按下"複製連結"來做到這一點。您還可以按下右下角區域的"共用",然後從那裡按兩下"複製連結"。 
  3. 粘貼連結 到您的 Facebook 實時視頻到 Facebook 的 代碼配置器.
  4. 如果您希望完整帖子與即時流視頻一起顯示, 勾選顯示「包含完整帖子」的框 在代碼配置器中視頻的 URL 下面。 
  5. 按兩下「獲取代碼" 生成視頻的嵌入代碼。 
  6. 複製並粘貼生成的代碼 進入您的網站的 Html, 您希望嵌入的 Facebook 即時視訊出現。  

如果您想要更改嵌入式 Facebook 直播的寬度,您可以使用資料寬度屬性來調整大小以調整到首選寬度。 

如果您有其他要嵌入到網站上的 Facebook 視頻,您可以使用此方法 - 它適用於任何 Facebook 視頻,而不僅僅是 Facebook 直播。 

不要嵌入;分享太

Share Buttons

除了 嵌入臉譜飼料 在你的網站上,你也應該 嵌入 共用跟隨和 反應按鈕- 低級別參與度 邀請交互和參與。

這裏的目標是 邀請社會股和/或 將使用者吸引到您的 Facebook 頁面,他們在哪裡 更有可能參與• 滾動流覽帖子, 如吸引他們的帖子等 , 然後, 最終, 喜歡你的頁面查看您的臉書關注者 增加,以便更多的人看到你的更新從現在到永恆。

您可以通過我們關於該主題的系列指南(包括我們在 如何在臉書頁面上置頂帖子.

如果這聽起來像你的策略,那麼有一個在我們自己的 Facebook 共用按鈕Facebook 點擊按鈕和 Facebook 反應按鈕 (喜歡,愛,哇等)• 加上其他 發佈工具 不僅為用戶滿意度而設計,而且為您提供 最頁面喜歡, 後共用, 和其他參與這很重要。

當你正在尋找一個簡單的方法 嵌入 a 臉譜飼料 在你的網站上,它並沒有得到比 ShareThis 社交飼料.它建在任何螢幕上看起來驚人, 並與噸 定製 選項,你可以設計它,以完全匹配你的品牌。它與任何網站平臺無縫集成,因此您可以在幾分鐘內啟動並運行源,並在今天開始增加受眾。 

About ShareThis

ShareThis has unlocked the power of global digital behavior by synthesizing social share, interest, and intent data since 2007. Powered by consumer behavior on over three million global domains, ShareThis observes real-time actions from real people on real digital destinations.

Subscribe to our Newsletter

Get the latest news, tips, and updates

Subscribe

Related Content