如何在 WordPress 中嵌入視頻(初學者的 3 種方法)

在本指南中,我們將學習:如何在 WordPress 中嵌入視頻(初學者的 3 種方法)- 指南 2023

在您的網站上放置視頻是增加興趣和訪問者在您網站上花費時間的一種行之有效的方法。您想知道如何使用最簡單的方法在 WordPress 中嵌入視頻嗎?

在本文中,我們將通過 3 種不同的方式將視頻嵌入到 WordPress 網頁或帖子中。嵌入式視頻託管在其他地方,例如 YouTube,但它們會在您的網站上顯示和播放。

我們還將向您展示如何在 WordPress 中跟蹤您的視頻播放和其他統計數據。

為什麼要將視頻內容添加到您的 WordPress 網站?

現在瀏覽互聯網的人希望在訪問網站時獲得完整、豐富的體驗。這意味著您需要提供各種內容,以及促進互動的內容。將視頻添加到您的網站可以實現這兩個目標。

將視頻添加到 WordPress 很難嗎?

將視頻添加到 WordPress 站點實際上非常容易。有多種方法,其中大多數只需要您複製並粘貼一個視頻 URL 或一小段文本即可。

好吧,既然我們已經告訴過您嵌入視頻是多麼容易,那麼讓我們直接進入……。

在 WordPress 中嵌入視頻的 3 種簡單方法

我們將描述將視頻嵌入 WordPress 帖子或頁面的最簡單方法。

  1. 使用 WordPress 插件嵌入視頻
  2. 使用 WordPress 塊編輯器嵌入視頻
  3. 使用 WordPress 經典編輯器嵌入視頻

我們將從將視頻添加到 WordPress 的最強大、最有效的方法開始:使用專為管理 YouTube 視頻內容而設計的插件。

方法 1:如何使用插件在 WordPress 中嵌入視頻

WordPress 用戶幸運地擁有大量插件選擇,這些插件可以輕鬆向網站添加高級功能,即使對於初學者也是如此。

現在,任何人都可以在 WordPress 網站上嵌入視頻文件,而無需任何編程或技術經驗!

在本教程中,我們將使用 Smash Balloon 的YouTube Feed Pro來嵌入 YouTube 視頻。

 

YouTube 是世界上最受歡迎的視頻託管平台,而 Smash Balloon 可讓您將 YouTube 內容直接放在您的網站上。

您可以從自己的帳戶或其他帳戶添加 YouTube 視頻。您甚至可以創建搜索詞並顯示與您的搜索相匹配的視頻!您還將有許多顯示選項,從圖庫視圖到單個視頻。

要開始使用,您需要在 WordPress 上安裝 Smash Balloon 的YouTube Feed Pro 插件。

安裝並激活 YouTube Feed Pro

訪問 Smash Balloon 並在此處獲取您的 YouTube Feed Pro 許可證。個人計劃可為您提供在單個網站上嵌入視頻所需的所有功能 。

smash-balloon-youtube-feed-pro-download

完成購買後,訪問 Smash Balloon 上的我的帳戶 » 下載頁面以獲取插件文件。只需單擊YouTube Feed Pro旁邊的下載圖標即可將其保存到您的計算機。

在「下載」頁面上時,您還應該繼續並從「許可證」欄位中複製您的許可證密鑰。您將在下一步中將該許可證密鑰輸入 WordPress。

此時,您需要登錄 WordPress 以完成安裝。進入 WordPress 儀錶板後,單擊插件 » 添加新插件。然後,單擊屏幕頂部的 上傳插件按鈕。

upload-plugin-1024x284-1

現在,選擇您從 Smash Balloon 下載的文件,然後單擊立即安裝

smash-balloon-install-plugin

插件安裝完成後,點擊激活插件就大功告成了!要確認,請檢查您的 WordPress 儀錶板菜單中是否有一個名為YouTube Feed的新項目。

smash-balloon-youtube-feed-pro-menu

好的,完成設置的最後一件事。單擊YouTube Feed » 設置並輸入您之前從 Smash Balloon 帳戶複製的許可證密鑰。粘貼密鑰後,單擊激活以完成。

smash-balloon-youtube-feed-pro-settings-license

就是這樣,讓我們​​繼續創建一個新的視頻源以嵌入到 WordPress 中。

創建新的視頻源

要在插件中製作新的視頻提要,請單擊菜單中的所有提要。由於您還沒有任何提要,因此該屏幕會顯示新提要嚮導。您可以單擊添加新按鈕。

smash-balloon-youtube-new-feed

現在,您將看到可以使用 Smash Balloon 嵌入的各種提要類型。您在這裡有 6 個選項:

  • 頻道– 顯示所選頻道上所有視頻的提要
  • 播放列表– 顯示您從頻道中選擇的播放列表
  • 收藏夾– 顯示任何用戶最喜歡的視頻
  • 搜索– 顯示符合您選擇的搜索條件的視頻
  • 直播– 顯示當前和即將到來的直播視頻
  • 單個視頻– 讓您策劃要嵌入的單個視頻列表

smash-balloon-youtube-feed-type-1024x424-1

選擇您希望在您的網站上顯示的 Feed 樣式,然後點擊Next

在這裡,系統會提示您使用頻道 ID用戶名連接您的 YouTube 帳戶。

smash-balloon-youtube-add-source

您的頻道 ID 是由字母和數字組成的字元串,當您在 YouTube 的頻道信息中心中時,您會在 URL 中找到這些字母和數字。通道ID如紅框所示:

youtube-channel-id

當您訪問頻道主頁時,您的用戶名會顯示在網址中。例如,在此 URL 中www.youtube.com/@Monsterinsightsplugin,用戶名是@Monsterinsightsplugin

在框中輸入這兩項中的一項,然後單擊「下一步」。此時,系統會要求您輸入 YouTube API 密鑰或選擇要連接的帳戶。

smash-balloon-youtube-feed-api-key-dialog

最好的選擇是輸入來自 Google 的 API 密鑰來驗證您的 YouTube 帳戶。只需遵循這個簡單的指南即可從 Google 獲取免費的 API 密鑰。

設計和定製您的嵌入式視頻源

輸入 API 密鑰後,您將選擇一個模板來開始您的設計。別擔心,您以後可以輕鬆更改它。

smash-balloon-select-template-zoom

單擊下一步繼續。您的提要已準備就緒,但現在您有機會對其進行自定義,使其完全符合您在提要編輯器中的喜好。

smash-balloon-youtube-feed-editor-1024x644-1

您可以在此處更改模板並預覽它們的外觀。您還可以選擇編輯布局、顏色、標題、按鈕和視頻播放器外觀。

在「設置」選項卡中,您可以更改提要類型和來源、設置要顯示的視頻的過濾器以及更改其他高級設置。

如果您對預覽屏幕中的視頻提要外觀感到滿意,請單擊「保存」按鈕。您的 Feed 已全部設置好並可以發布了,幹得好!

在 WordPress 上發布您的視頻源

要在 WordPress 上將您的 YouTube 提要發布為嵌入式視頻,請單擊提要編輯屏幕中的嵌入按鈕。確保先保存所有更改!

smash-balloon-youtube-feed-embed-code

嵌入提要框打開。這為您提供了 3 個嵌入視頻源的選項。

首先,您可以複製短代碼並將此文本放入任何頁面、帖子或小部件中。

其次,您可以單擊添加到頁面按鈕以查看所有已發布頁面的列表。選擇一個頁面並單擊添加以立即在編輯模式下打開它。然後系統會提示您選擇一個名為Feeds for YouTube的塊。

youtube-feed-pro-block

只需單擊該塊,您的提要就會放在頁面上!

最後,如果您想在 WordPress 小部件中嵌入視頻,您可以單擊「添加到小部件」按鈕。小部件屏幕將打開並使用您的短代碼創建一個小部件。將小部件放置在您想要的任何位置,邊欄、頁腳或其他小部件位置。

好的,我們關於使用YouTube Feed Pro等功能強大的插件在 WordPress 中嵌入視頻的教程到此結束。正如我們所承諾的,現在我們將了解如何在沒有插件的情況下添加視頻。

如何在沒有插件的情況下將視頻添加到 WordPress

現在,也許您的視頻託管在 YouTube 以外的其他服務上。您仍然可以輕鬆地將這些視頻嵌入您的 WordPress 網站。

我們將向您展示兩種無需插件即可在 WordPress 中嵌入視頻的方法。一種方法使用 WordPress 塊編輯器,另一種方法適用於經典編輯器。

不幸的是,這些方法實際上只適用於添加單個視頻。因此,如果您想要圖庫或輪播顯示類型,或者想要顯示多個視頻、播放列表等,您需要堅持使用插件。

讓我們從塊方法開始……。

方法 2:如何使用 WordPress 塊嵌入視頻

您是否在頁面編輯屏幕中使用 WordPress 的古騰堡塊編輯器?如果是這樣,我們就有了一個使用塊嵌入視頻內容的超級簡單的解決方案。

首先,您將在 YouTube 或其他服務上打開要嵌入到您網站上的視頻。然後單擊共享按鈕。這是它在 YouTube 中的樣子:

youtube-share-button

「共享」對話框打開,其中包含視頻的可共享鏈接。單擊複製按鈕複製該鏈接。

現在,在 WordPress 中打開一個頁面或發帖,然後將游標放在您想要嵌入視頻的位置。

雖然您可以先選擇塊類型,但也可以只將鏈接粘貼到默認的段落塊中。如果 WordPress 支持視頻服務,它會自動更改塊類型。

下面是共享鏈接在 Vimeo 中的樣子:

vimeo-embed-code-link

將此鏈接粘貼到 WordPress 的塊編輯器後,如果視頻出現,這就是您所要做的!

如果視頻不顯示,則 WordPress 可能不支持您複製鏈接的視頻服務。這是 WordPress 中可用的 <embed> 塊的示例。

wordpress-embed-video-blocks

如您所見,支持多個視頻平台,包括 YouTube、Vimeo、Animoto 等。如果您的平台不受本地支持,您還可以使用一個通用的Embed塊。

如果您想使用其本機塊將您的視頻嵌入 WordPress,只需搜索您的視頻平台的名稱。將塊添加到您的 WordPress 頁面,然後將您的視頻 URL 粘貼到提供的欄位中。這是 WordPress 頁面編輯器中的 Vimeo 塊:

wordpress-embed-video-vimeo-block

這就是在 WordPress 塊編輯器中添加視頻的全部內容。很簡單!

方法 3:如何在 WordPress 經典編輯器中嵌入視頻

如果您仍在使用 WordPress 中舊的經典編輯器,嵌入視頻仍然很容易。該過程略有不同,讓我們來看看。

WordPress 經典編輯器有兩個選項卡:視覺文本。如果您在「視覺」選項卡中編輯頁面,您可以簡單地通過 URL 鏈接來共享來自您的服務的視頻(如果 WordPress 支持的話)。

(閱讀更多)  使用 Print Friendly 像爺爺一樣列印整個互聯網

因此,Visual 選項卡基本上就像塊編輯器一樣工作。將您的視頻 URL 鏈接粘貼到頁面中,WordPress 會自動配置視頻。

但是,如果您想使用「文本」選項卡添加視頻,則不能使用 URL 鏈接。您需要從視頻服務中獲取嵌入代碼。

wordpress-embed-video-iframe-code

在 Vimeo 中,它位於嵌入框中,如上圖所示。只需複製此代碼並將其粘貼到 WordPress 文本選項卡內的 HTML 代碼中。

在 YouTube 中,您需要單擊共享對話框中的嵌入按鈕。

youtube-embed-button2

然後,您會看到將視頻嵌入 WordPress 所需複製的代碼。

youtube-embed-code-snippet

將您的代碼粘貼到您希望視頻出現的位置,您就完成了。保存並預覽您的新嵌入視頻!

如何使用 MonsterInsights 跟蹤視頻播放

一旦您的視頻開始為您的網站吸引更多流量,您就會想確切地了解用戶是如何與該內容互動的。

monster-insights-home-1024x609-1

當您使用 MonsterInsights(適用於 WordPress 的最佳 Google Analytics 插件)時,您可以直接在 WordPress 儀錶板中查看視頻統計信息。而且,該插件會自動設置視頻跟蹤,因此您不必擔心向您的網站添加自定義代碼或標籤。

MonsterInsights 支持 WordPress 中的 YouTube、Vimeo 和 HTML5 視頻跟蹤。

為了獲得高級視頻跟蹤功能,您需要 MonsterInsights Plus 計劃或更好的計劃。

安裝 MonsterInsights 插件後,您可以激活媒體插件以訪問媒體報告。然後,要在 MonsterInsights 中查看您的視頻播放統計信息,請轉到Insights » Reports並單擊Media選項卡。

mi-media-report-new-2

在這裡,您會看到一個顯示所有視頻播放量的圖表。在此之下,您可以獲得單個視頻的列表以及每個視頻的播放次數,以及這些高級視頻統計信息:

  • 平均觀看時長(分鐘)
  • 觀看視頻的平均百分比
  • 完成整個視頻的觀眾百分比

這些數據可以通過多種方式為您提供幫助。您可能希望將平均觀看百分比和完成率較低的視頻換成表現更好的視頻。

或者,如果觀眾提前退出,請找出您的視頻內容中有哪些內容不能滿足觀眾的需求。現在,您有確鑿的數據可以了解觀眾何時失去興趣並停止參與。

當然,MonsterInsights 為您提供了 Google Analytics 所需的所有指標和分析數據,而不僅僅是視頻跟蹤。

我們關於在 WordPress 中嵌入視頻的教程到此結束。如果您喜歡這篇文章,您可能想閱讀 Google Analytics 中的轉化跟蹤指南。

相關文章