您發布到 Facebook 的視頻也可以為您的網站提供出色的內容。通過嵌入Facebook視頻提要,您可以保持網站的新鮮和有趣,同時還可以增加您的Facebook關注者。在本文中,我們將向您展示一種在WordPress中嵌入Facebook視頻的簡單方法。

為什么要在WordPress中添加Facebook視頻?
視頻是與觀眾建立聯系并保持他們參與度的好方法。無論您是經營個人博客還是商業網站,都是如此。
但是,如果您想,視頻特別強大。事實上,根據,88%的人在觀看視頻后購買了產品或服務。
創建引人入勝且有趣的視頻需要時間和精力,因此如果您要將視頻發布到 Facebook,那么在您的 WordPress 網站上重復使用它們是有意義的。
嵌入式視頻還可以幫助您擴大Facebook頁面。如果訪問者喜歡這些視頻,那么他們可能會決定開始在Facebook上關注您。
在WordPress中安裝Facebook視頻插件
在WordPress中嵌入Facebook視頻的最簡單方法是使用插件。
它是,可讓您輕松地在 WordPress 網站上嵌入 Facebook 相冊、評論、評論、社區帖子、視頻等。

通過使用Smash Balloon將您的網站鏈接到您的Facebook帳戶,您發布到Facebook的任何新視頻都將自動顯示在您的網站上。通過這種方式,您可以以很少的日常工作保持您的網站新鮮。
在本指南中,我們將使用Smash Balloon的專業版,因為它允許您在WordPress中嵌入視頻,包括高清,360o,以及臉書直播視頻。
Smash Balloon Pro還允許您在中顯示照片,并在每個帖子下方顯示喜歡,分享,評論和反應的總數。
但是,如果您剛剛起步并且預算有限,那么您也可以使用。
首先,安裝并激活插件。
激活后,前往 Facebook Feed ? 設置 并在“許可證密鑰”字段中輸入您的許可證密鑰。

您可以在 Balloon網站上的帳戶下找到此信息。
輸入密鑰后,單擊“激活”按鈕。
將您的Facebook頁面或群組連接到WordPress
Smash Balloon允許您嵌入來自Facebook頁面或的視頻。您甚至可以在燈箱彈出窗口中顯示視頻,以便人們可以直接在您的WordPress網站上觀看完整視頻。
第一步是將您的Facebook頁面或群組連接到WordPress,因此請轉到Facebook Feed?所有Feeds,然后單擊“添加新的”。

Smash Balloon可讓您,顯示Facebook狀態,嵌入時間線等等。
由于我們想在WordPress中嵌入Facebook視頻,因此您需要選擇“視頻”,然后單擊“下一步”。

現在,您需要選擇從中獲取視頻的Facebook頁面或組。
為此,請單擊“添加新的”。

接下來,選擇是否要顯示來自 Facebook 頁面或群組的視頻。
完成此操作后,單擊“連接到Facebook”。

這將打開一個彈出窗口,您可以在其中登錄您的Facebook帳戶并選擇要與Smash Balloon一起使用的頁面或組。
之后,點擊“下一頁”。

現在,Facebook將顯示Smash Balloon可以訪問的所有信息以及它可以執行的操作。
要限制Smash Balloon訪問您的Facebook帳戶,只需單擊以禁用任何開關。
請注意,這可能會影響您可以嵌入或網站上的視頻,因此我們建議您啟用所有開關。

如果您對權限的設置方式感到滿意,請單擊“完成”。
片刻之后,您應該會看到一條消息,確認您已將連接到Facebook。完成后,您就可以單擊“確定”。

粉碎氣球現在會自動將您返回到WordPress儀表板。
如何在WordPress中嵌入Facebook視頻
此時,您將看到一個彈出窗口,其中包含您剛剛鏈接到網站的Facebook群組或頁面。只需選擇您要使用的頁面或組旁邊的單選按鈕,然后單擊“添加”按鈕。

如果您不小心關閉了彈出窗口,請不要擔心。您只需刷新頁面即可重新打開彈出窗口。
完成此操作后,WordPress將自動將您帶回Facebook Feed?All Feeds頁面。就像以前一樣,單擊“添加新的”,選擇“視頻”,然后單擊“下一步”。
現在,選擇您的Facebook頁面或群組,然后單擊“下一步”。

在此屏幕上,您可以選擇要用于視頻源的模板。
所有這些模板都是完全可定制的,因此您可以根據您希望如何在網站上顯示 Facebook 視頻來微調設計。
我們使用的是“默認”模板,但您可以選擇所需的任何模板。做出選擇后,單擊“下一步”。

之后,您可以選擇是顯示Facebook頁面或群組中的所有視頻,還是僅顯示特定播放列表中的視頻。
如果您選擇“從特定播放列表中顯示”,則需要輸入該播放列表的網址。

做出決定后,請繼續并單擊“下一步”按鈕。
Smash Balloon 現在將根據您的來源和您選擇的模板創建提要。這是一個良好的開端,但您可能需要微調視頻在您網站上的顯示方式。
如何自定義您的嵌入式Facebook視頻
粉碎氣球自定義Facebook提要插件為您提供了許多自定義視頻在網站上的顯示方式的方法。
在WordPress儀表板中,轉到Facebook Feed?All Feeds。在這里,找到您剛剛創建的視頻源,然后單擊它旁邊的“編輯”按鈕,它看起來像一個小鉛筆。

這將打開提要編輯器,其中顯示了的預覽。
在左側,您將看到可用于自定義這些視頻在WordPress網站上的顯示方式的所有不同設置。這些設置中的大多數都是不言自明的,但我們將快速涵蓋主要領域。

如果要更改模板,請單擊“模板”。
然后,選擇“更改”按鈕。

這將打開一個彈出窗口,其中顯示了可用于視頻源的所有不同模板。
只需選擇您要使用的設計,然后單擊“更新”。

下一個設置是“Feed 類型”,它允許您在 Feed 中顯示不同的內容。
例如,您可能決定,顯示時間線或添加事件日歷。
由于您正在嵌入Facebook視頻,因此通常需要忽略此區域。
接下來,點擊“提要布局”。

在此屏幕上,您可以在不同的布局之間切換并更改進紙高度。您甚至可以通過選擇“輪播”布局來創建。
進行更改時,預覽將自動更新,因此您可以嘗試不同的設置以查看最佳外觀。

默認情況下,Smash Balloon 將在臺式計算機和移動設備(如智能手機)上顯示相同數量的視頻。
您可以使用右上角的一排按鈕預覽視頻在臺式電腦、平板電腦和智能手機上的顯示效果。

移動設備通常具有較小的屏幕,并且可能難以處理大量大型高分辨率視頻。訪問者也可能使用他們的移動數據而不是免費Wi-Fi。
您可能希望在智能手機和平板電腦上顯示更少的視頻。為此,只需在“帖子數量”下的“移動”字段中輸入不同的數字。

默認情況下,與臺式計算機相比,Facebook Feed 在智能手機和平板電腦上顯示的列更少。這有助于您的所有視頻舒適地適合較小的屏幕。
但是,在后,您可能會對平板電腦和智能手機上的列外觀不滿意。
您可以使用“列”設置更改 Smash Balloon 在平板電腦、手機和臺式計算機上使用的列數。

下一個設置頁面是“配色方案”。
默認情況下,Smash Balloon使用從繼承的顏色,但在此屏幕上,您可以切換到“淺色”或“深色”配色方案。
另一種選擇是通過選擇“自定義”,然后使用控件更改背景顏色、等來創建自己的配色方案。

Smash Balloon可以向您的Feed添加一個標題,即您的Facebook個人資料圖片以及頁面或群組的名稱。這讓訪問者知道嵌入的視頻來自哪里,以及他們可以在Facebook上在哪里找到這些內容。
要添加此部分,請單擊左側菜單中的“標題”。

然后,您可以單擊“啟用”開關。
添加標題后,您可以更改此區域的外觀,包括隱藏或添加您的 Facebook 個人資料圖片、更改生物文本的大小等。

如果要完全刪除標題,請單擊以關閉“啟用”切換。
默認情況下,“粉碎氣球”顯示每個視頻的標題。如果要隱藏標題,請從主粉碎氣球編輯器菜單中選擇“帖子”。
然后,繼續并單擊“帖子樣式”。

在此屏幕上,您可以通過單擊“顯示視頻標題”滑塊來隱藏視頻標題。
如果您尚未為所有視頻添加標題,或者標題在 Facebook 之外沒有意義,這可能會很有用。

在此屏幕上,您還可以隱藏或顯示視頻描述。例如,您可以使用這些說明來提供有關視頻的額外信息。
要添加描述,只需單擊以啟用“顯示視頻描述”開關。
默認情況下,Smash Balloon不會將Facebook的“喜歡”按鈕添加到您的視頻源中。如果訪問者喜歡您的嵌入式視頻,那么他們可能想在Facebook上關注您。
您可能希望通過從編輯器的左側菜單中選擇“喜歡框”來向提要添加一個“喜歡”按鈕。
之后,只需單擊“啟用”按鈕,使其變為藍色。

Smash Balloon會在您的視頻源下方添加此按鈕,但您可以通過打開“位置”下拉菜單并選擇“頂部”來更改此按鈕。
在此屏幕上,您還可以更改“贊”部分的外觀,包括更改其寬度、顯示有多少人在 Facebook 上關注您、添加自定義等。

當您對按鈕的外觀感到滿意時,可以通過選擇“加載更多按鈕”進入下一個設置頁面。
“加載更多”按鈕鼓勵訪問者滾動瀏覽更多視頻源,因此默認情況下,Smash Balloon會將其添加到您的嵌入式Facebook提要中。

由于它是一個非常重要的按鈕,您可能希望通過、懸停狀態、標簽等來自定義它。
另一種選擇是通過單擊“啟用”切換來完全刪除按鈕。例如,您可以刪除此按鈕,然后鼓勵訪問者查看您的 Facebook 頁面,以便查看更多視頻。

默認情況下,Smash Balloon允許訪問者在不離開WordPress網站的情況下觀看您的Facebook視頻。
他們只需單擊任何視頻縮略圖即可在燈箱中打開它,如下圖所示

訪問者可以使用箭頭滾動瀏覽 Feed 中的視頻。
如果他們想喜歡照片、發表評論或將視頻分享到他們的頁面,那么他們可以點擊“在 Facebook 上查看”鏈接。

有幾種不同的方法可以自定義粉碎氣球的默認燈箱。
要查看您的選項,請單擊左側菜單中的“燈箱”。

在這里,您可以顏色、自定義文本和添加背景顏色。
燈箱功能允許訪問者在彈出窗口中觀看您的視頻。如果您愿意,則可以禁用燈箱,以便所有視頻都以小縮略圖的形式播放,嵌入在頁面內容中。
通過這種方式,您可以鼓勵人們訪問您的Facebook頁面,觀看全尺寸視頻。要禁用燈箱,只需單擊“啟用”切換開關即可將其從藍色變為灰色。

當您對視頻源的外觀感到滿意時,請不要忘記單擊“保存”。
您現在可以在您的網站上嵌入粉碎氣球提要了。
如何將Facebook視頻添加到WordPress
使用Smash Balloon,您可以使用塊,小部件或短代碼將視頻源添加到WordPress網站。
如果您使用 Smash Balloon 創建了多個提要,那么如果您要使用小部件或塊,則需要知道提要的代碼。
要獲取此代碼,請轉到Facebook Feed?所有Feeds,然后查看“簡碼”下的值。您需要將此代碼添加到塊或小部件中,因此請記下它。
在下圖中,我們將需要使用 .custom-facebook-feed feed=1

如果您想在頁面或帖子中嵌入您的 Facebook 動態,那么我們建議您使用自定義 Facebook 動態塊。
只需打開要嵌入Facebook視頻的頁面或帖子即可。然后,單擊“+”圖標以添加新塊并開始輸入“自定義Facebook提要”。
當右側塊出現時,單擊以將其添加到頁面或帖子中。

默認情況下,該塊將顯示您的粉碎氣球提要之一。如果您想改用其他視頻源,請在右側菜單中找到“簡碼設置”。
現在可以將代碼添加到此框中。之后,點擊“應用更改”。custom-facebook-feed feed=1

該塊現在將顯示您的Facebook頁面或群組中的視頻。只需發布或更新頁面即可使視頻源在您的網站上直播。
另一種選擇是將提要添加到任何小部件就緒區域,例如側邊欄或類似部分。這允許訪問者從您網站的任何頁面觀看您的 Facebook 視頻。
只需轉到外觀?小部件,然后單擊藍色的“+”按鈕。

之后,找到“自定義Facebook提要”小部件。
然后,只需將其拖到要顯示視頻源的區域即可。

該小部件將自動顯示您的粉碎氣球提要之一。
要改為顯示其他 Feed,請將 Feed 的代碼鍵入或粘貼到“簡碼設置”框中,然后單擊“應用更改”。

您現在可以通過單擊“更新”按鈕使小部件生效。
最后,您可以使用短代碼將視頻嵌入任何頁面、帖子或小部件就緒區域。
只需轉到Facebook Feed?所有Feeds,然后復制“簡碼”列中的代碼。您現在可以將此代碼添加到任何簡碼塊中。
在WordPress中添加特定的Facebook視頻
有時您可能希望在頁面或帖子中嵌入特定的Facebook視頻。例如,您可能有一個Facebook視頻,該視頻談論的主題與最新博客相同,或者有一個宣傳視頻,顯示您剛剛在中推出的產品。
要嵌入特定視頻,您需要購買并安裝擴展,因為它允許您使用其 ID 顯示特定帖子或事件。
首先,請轉到 Facebook Feed ? Extensions。
在這里,找到“精選帖子”擴展,然后單擊其“添加”按鈕。

這將在新選項卡中打開Smash Balloon網站,其中包含有關如何購買擴展程序的說明。
獲得擴展后,您可以以與安裝插件完全相同的方式安裝它。
激活插件后,轉到 Facebook 提要 ? 所有提要,然后單擊“添加新的”。
在“高級 Feed 類型”下,選擇“單個精選帖子”,然后點擊“下一步”。

現在,您可以按照上述相同過程選擇要用作源的頁面或組。
在下一頁上,您需要輸入要嵌入的視頻的 ID。

要獲取此 ID,只需在新標簽頁中訪問 Facebook,然后打開要嵌入的視頻。
您現在可以繼續復制 URL。

之后,只需將URL發布到WordPress儀表板的“發布URL或ID”框中,然后單擊“下一步”。
完成此操作后,您可以設置視頻樣式,然后按照上述相同過程將其添加到您的網站。
獎勵:如何向WordPress添加更多社交媒體提要
如果你想在WordPress中嵌入Facebook視頻,那么Smash Balloon Facebook Feed插件是一個不錯的選擇。
但是,許多網站有多個社交媒體帳戶,例如 YouTube 頻道、Twitter 個人資料和 Instagram 帳戶。如果您為每個平臺創建獨特的內容,那么在您的WordPress網站上顯示它是有意義的。
如果您還在 YouTube 上發布視頻,則可能需要。

如果您經營在線商店或業務,那么您可能有一些想要向訪問者展示的 Facebook 評論。
您可以使用評論添加到您的網站。







