WordPress に動画を埋め込む方法 (初心者向けの 3 つの方法)

公開: 2023-01-19
フェイスブック つぶやき リンクトイン

ウェブサイトにビデオを掲載することは、関心を高め、訪問者がサイトに費やす時間を増やすことが証明されている方法です。 可能な限り簡単な方法で WordPress に動画を埋め込む方法を知りたいですか?

この記事では、ビデオを WordPress ウェブページまたは投稿に埋め込む 3 つの異なる方法について説明します。 埋め込みビデオは YouTube などの別の場所でホストされますが、Web サイトで表示および再生されます。

また、WordPress で動画再生やその他の統計を追跡する方法も紹介します。

動画コンテンツを WordPress サイトに追加する理由

最近インターネットを閲覧する人々は、Web サイトにアクセスするときに充実したリッチなエクスペリエンスを期待しています。 つまり、さまざまなコンテンツやインタラクティブ性を促進するコンテンツを提供する必要があります。 サイトにビデオを追加すると、これらの両方の目標が達成されます。

MonsterInsights は最高の WordPress Analytics プラグインです。 無料で手に入れよう!

WordPress に動画を追加するのは難しいですか?

実際、WordPress サイトに動画を追加するのは非常に簡単です。 いくつかの方法がありますが、ほとんどの場合、ビデオ URL または短いテキスト文字列をコピーして貼り付けるだけです。

ビデオを埋め込むのがいかに簡単かを説明したので、早速始めましょう….

WordPress に動画を埋め込む 3 つの簡単な方法

動画を WordPress の投稿またはページに埋め込む最も簡単な方法について説明します。

  1. WordPress プラグインで動画を埋め込む
  2. WordPress Block Editor を使用した動画の埋め込み
  3. WordPress Classic Editor を使用して動画を埋め込む

WordPress に動画を追加する最も強力で効果的な方法から始めましょう。それは、YouTube 動画コンテンツを管理するために設計された専用のプラグインを使用することです。

方法 1: プラグインを使用して WordPress に動画を埋め込む方法

WordPress ユーザーは、初心者でも簡単に高度な機能を Web サイトに追加できるプラグインを豊富に取り揃えていることを幸運に思います。

今では、プログラミングや技術的な経験がなくても、誰でも WordPress サイトに動画ファイルを埋め込むことができます!

このチュートリアルでは、Smash Balloon の YouTube Feed Pro を使用して YouTube 動画を埋め込みます。

Smash Balloon WordPress 動画埋め込みプラグイン

YouTube は世界で最も人気のあるビデオ ホスティング プラットフォームです。Smash Balloon を使用すると、YouTube コンテンツを Web サイトに直接配置できます。

自分のアカウントまたは別のアカウントから YouTube 動画を追加できます。 検索語を作成して、検索に一致するビデオを表示することもできます! また、ギャラリー ビューから単一のビデオまで、多くの表示オプションがあります。

開始するには、WordPress に Smash Balloon の YouTube Feed Pro プラグインをインストールする必要があります。

YouTube フィード プロをインストールしてアクティブ化する

Smash Balloon にアクセスして、ここで YouTube Feed Pro のライセンスを取得してください。 パーソナルプランでは、1 つの Web サイトに動画を埋め込むために必要なすべての機能を利用できます。

Smash Balloon YouTube Feed Pro プラグインのダウンロード

購入が完了したら、Smash Balloon の[マイ アカウント] » [ダウンロード]ページにアクセスして、プラグイン ファイルを取得します。 YouTube Feed Proの横にあるダウンロード アイコンをクリックするだけで、コンピューターに保存できます。

[ダウンロード] ページにいる間に、[ライセンス]フィールドからライセンス キーをコピーする必要もあります。 次のステップで、そのライセンス キーを WordPress に入力します。

この時点で、WordPress にログインしてインストールを完了する必要があります。 WordPress ダッシュボードに入ったら、[プラグイン] » [新規追加] をクリックします。 次に、画面上部の [プラグインのアップロード] ボタンをクリックします。

WordPress アップロード プラグインの追加

次に、Smash Balloon からダウンロードしたファイルを選択し、[今すぐインストール] をクリックします。

WordPress に Smash Balloon プラグインをインストールする

プラグインをインストールしたら、[プラグインを有効にする] をクリックして完了です。 確認するには、WordPress ダッシュボード メニューでYouTube フィードという新しいアイテムを確認してください。

YouTube フィード プロ メニュー

さて、最後にもう 1 つセットアップを完了させます。 [ YouTube フィード] » [設定]をクリックし、Smash Balloon アカウントから以前にコピーしたライセンス キーを入力します。 キーを貼り付けたら、[アクティブ化] をクリックして終了します。

Smash Balloon アクティベート ライセンス ビデオを埋め込む WordPress プラグイン

以上で、新しいビデオ フィードを作成して WordPress に埋め込みましょう。

新しいビデオ フィードを作成する

プラグインで新しいビデオ フィードを作成するには、メニューの [すべてのフィード] をクリックします。 まだフィードがないため、この画面には新しいフィード ウィザードが表示されます。 [新規追加] ボタンをクリックできます。

新しいフィードを追加して WordPress に動画を埋め込む

これで、Smash Balloon を使用して埋め込むことができるさまざまなフィード タイプが表示されます。 ここには 6 つのオプションがあります。

  • チャンネル– 選択したチャンネルのすべての動画のフィードを表示します
  • プレイリスト– チャンネルから選択したプレイリストを表示します
  • お気に入り– ユーザーのお気に入りの動画を表示します
  • 検索– 選択した検索条件に一致する動画を表示します
  • ライブ ストリーム– 現在および今後のライブ ストリーム ビデオを表示します
  • 単一の動画– 埋め込む単一の動画のリストをキュレートできます

Smash Balloon 動画の埋め込みフィードの種類

ウェブサイトに表示するフィード スタイルを選択し、[次へ] をクリックします。

ここで、チャンネル IDまたはユーザー名を使用して YouTube アカウントを接続するよう求められます。

Smash Balloon Add Source チャンネル YouTube

チャンネル ID は、YouTube のチャンネル ダッシュボードで URL に表示される文字と数字の文字列です。 チャネル ID は赤いボックスに表示されます。

YouTube チャンネル ID の例

チャンネルのホームページにアクセスすると、URL にユーザー名が表示されます。 たとえば、この URL www.youtube.com/@Monsterinsightspluginでは、ユーザー名は@Monsterinsightspluginです。

これら 2 つの項目のいずれかをボックスに入力し、[次へ] をクリックします。 この時点で、YouTube API キーを入力するか、接続するアカウントを選択するよう求められます。

YouTube API キーまたはアカウントを追加

最適なオプションは、YouTube アカウントを確認する Google からの API キーを入力することです。 この簡単なガイドに従って、Google から無料の API キーを取得してください。

埋め込み動画フィードのデザインとカスタマイズ

API キーを入力したら、テンプレートを選択して設計を開始します。 これは後で簡単に変更できます。

ビデオ フィード テンプレートの選択

[次へ]をクリックして続行します。 フィードの準備ができましたが、フィード エディターで好きなようにカスタマイズすることができます。

YouTube 埋め込み動画フィード エディター

ここで、テンプレートを変更して、それらがどのように見えるかをプレビューできます。 レイアウト、色、ヘッダー、ボタン、ビデオ プレーヤーの外観を編集するオプションもあります。

[設定] タブでは、フィードの種類とソースを変更したり、表示する動画のフィルターを設定したり、その他の詳細設定を変更したりできます。

プレビュー画面のビデオ フィードの外観に問題がなければ、[保存] ボタンをクリックします。 フィードの設定がすべて完了し、公開する準備ができました。よくできました!

WordPress で動画フィードを公開する

WordPress で YouTube フィードを埋め込み動画として公開するには、フィード編集画面で [埋め込み] ボタンをクリックします。 最初にすべての変更を保存してください。

動画を WordPress ショートコードに埋め込む

[埋め込みフィード]ボックスが開きます。 これにより、動画フィードを埋め込むための 3 つのオプションが提供されます。

まず、ショートコードをコピーして、このテキストを任意のページ、投稿、またはウィジェットに配置できます。

次に、[ページに追加] ボタンをクリックして、公開したすべてのページのリストを表示できます。 ページを選択して [追加] をクリックすると、そのページが編集モードですぐに開きます。 次に、 Feeds for YouTubeという名前のブロックを選択するよう求められます。

YouTube フィード プロ ブロック WordPress

ブロックをクリックするだけで、フィードがページに配置されます!

最後に、動画を WordPress ウィジェットに埋め込みたい場合は、[ウィジェットに追加] ボタンをクリックします。 ウィジェット画面が開き、ショートコードでウィジェットが作成されます。 サイドバー、フッター、またはその他のウィジェットの場所など、好きな場所にウィジェットを配置します。

以上で、YouTube Feed Pro のような強力なプラグインを使用して WordPress に動画を埋め込む方法に関するチュートリアルを終了します。 約束したように、プラグインなしでビデオを追加する方法を見ていきます。

プラグインなしで WordPress に動画を追加する方法

さて、YouTube 以外のサービスでホストされている動画があるかもしれません。 これらの動画を WordPress サイトに簡単に埋め込むことができます。

プラグインなしで WordPress に動画を埋め込む 2 つの方法を紹介します。 1 つの方法は WordPress ブロック エディターを使用し、もう 1 つは従来のエディターで機能します。

残念ながら、これらの方法は個々の動画を追加する場合にのみ機能します。 したがって、ギャラリーやカルーセルの表示タイプが必要な場合、または複数のビデオやプレイリストなどを表示したい場合は、プラグインを使用する必要があります.

ブロックメソッドから始めましょう…。

方法 2: WordPress ブロックを使用して動画を埋め込む方法

ページ編集画面で WordPress の Gutenberg ブロックエディターを使用していますか? もしそうなら、ブロックを使用して動画コンテンツを埋め込むための非常にシンプルなソリューションがあります。

まず、サイトに埋め込みたい YouTube またはその他のサービスでビデオを開きます。 次に、[共有] ボタンをクリックします。 YouTube での表示は次のとおりです。

YouTube 共有ビデオの埋め込みリンク

[共有] ダイアログ ボックスが開き、ビデオの共有可能なリンクが表示されます。 [コピー] ボタンをクリックして、そのリンクをコピーします。

次に、WordPress でページまたは投稿を開き、動画を埋め込みたい場所にカーソルを置きます。

最初にブロック タイプを選択できますが、リンクをデフォルトの段落ブロックに貼り付けることもできます。 WordPress がビデオ サービスをサポートしている場合、ブロック タイプは自動的に変更されます。

Vimeo での共有リンクは次のようになります。

Vimeo 共有リンク ビデオを埋め込む

このリンクを WordPress のブロック エディターに貼り付けた後、ビデオが表示されたら、あとはそれで十分です。

動画が表示されない場合、リンクをコピーした動画サービスが WordPress でサポートされていない可能性があります。 WordPress で利用可能な <embed> ブロックのサンプルを次に示します。

WordPress Gutenberg 動画ブロックを埋め込む

ご覧のとおり、YouTube、Vimeo、Animoto など、いくつかのビデオ プラットフォームがサポートされています。 プラットフォームがネイティブにサポートされていない場合に使用できる汎用のEmbedブロックもあります。

ネイティブ ブロックを使用して動画を WordPress に埋め込みたい場合は、動画プラットフォームの名前を検索してください。 ブロックを WordPress ページに追加し、動画の URL を指定されたフィールドに貼り付けます。 WordPressページエディターのVimeoブロックは次のとおりです。

WordPress Vimeo ビデオ埋め込みブロック

WordPress のブロック エディターに動画を追加する手順はこれですべてです。 ものすごく単純!

方法 3: WordPress Classic Editor に動画を埋め込む方法

WordPress で古いクラシック エディターをまだ使用している場合でも、動画を簡単に埋め込むことができます。 プロセスは少し異なるので、見てみましょう。

WordPress クラシック エディターには、 VisualTextの 2 つのタブがあります。 ビジュアル タブでページを編集している場合、WordPress でサポートされている場合は、サービスからビデオを共有するための URL リンクを貼り付けるだけです。

そのため、Visual タブは基本的にブロック エディターと同じように機能します。 動画の URL リンクをページに貼り付けると、WordPress が動画を自動的に構成します。

ただし、[テキスト] タブを使用してビデオを追加する場合、URL リンクは使用できません。 ビデオ サービスから埋め込みコードを取得する必要があります。

WordPress テキストタブ ビデオ埋め込みコードを追加

Vimeo では、上のショットに見られるように、埋め込みボックスにあります。 このコードをコピーして、WordPress の [テキスト] タブ内の HTML コードに貼り付けるだけです。

YouTube では、[共有] ダイアログ ボックスの [埋め込み] ボタンをクリックする必要があります。

YouTube 動画埋め込みボタン

次に、ビデオを WordPress に埋め込むためにコピーする必要があるコードが表示されます。

YouTube 動画埋め込みコード

ビデオを表示したい場所にコードを貼り付ければ完了です。 新しい埋め込みビデオを保存してプレビューします。

MonsterInsights で動画再生を追跡する方法

動画が Web サイトへのトラフィックを増やし始めたら、ユーザーがそのコンテンツをどのように操作しているかを正確に知りたいと思うでしょう。

MonsterInsights ホームページ

WordPress 用の最高の Google アナリティクス プラグインである MonsterInsights を使用すると、WordPress ダッシュボードで動画の統計を直接確認できます。 また、プラグインはビデオ トラッキングを自動的に設定するため、ウェブサイトにカスタム コードやタグを追加する必要はありません。

MonsterInsights は、WordPress での YouTube、Vimeo、および HTML5 ビデオ トラッキングをサポートしています。

高度なビデオ トラッキング機能を利用するには、MonsterInsights Plus プラン以上が必要です。

MonsterInsights プラグインをインストールしたら、メディア アドオンを有効にしてメディア レポートにアクセスできます。 次に、MonsterInsights で動画再生統計を確認するには、[インサイト] » [レポート] に移動し、[メディア] タブをクリックします。

新しい MonsterInsights メディア レポート

ここには、すべての動画再生の 1 日のボリュームを示すグラフが表示されます。 その下には、個々の動画のリストと、それぞれが再生された回数、およびこれらの詳細な動画統計が表示されます。

  • 平均総再生時間 (分)
  • 動画の平均視聴率
  • 動画全体を最後まで視聴した視聴者の割合

このデータは、さまざまな方法で役立ちます。 平均視聴率と完了率が低い動画を、パフォーマンスの高い動画に切り替えることをお勧めします。

または、視聴者が早期に脱落している場合は、ビデオ コンテンツの何が視聴者のニーズを満たしていないかを把握します。 これで、視聴者がいつ興味を失い、エンゲージメントをやめたのかを確認するのが困難なデータが得られました。

もちろん、MonsterInsights は、ビデオ トラッキングだけでなく、Google アナリティクスから必要なすべての指標と分析データを提供します。

以上で、WordPress への動画の埋め込みに関するチュートリアルを終了します。 この記事が気に入った場合は、Google アナリティクスのコンバージョン トラッキングに関するこのガイドをお読みください。

まだ MonsterInsights を使用していませんか? 何を待っていますか?

Google アナリティクスのヒントやツールについては、Twitter、Facebook、YouTube でフォローすることを忘れないでください。