YouTubeライブ・ストリームをWordPressサイトに埋め込む方法
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ YouTubeライブ・ストリームをWordPressサイトに埋め込む方法

YouTubeライブ・ストリームをWordPressサイトに埋め込む方法

YouTubeライブストリームをWordPressサイトに埋め込む方法

YouTubeのライブストリームをWordPressのウェブサイトで簡単に共有する方法を知りたいですか?

YouTubeライブストリームを埋め込むことで、視聴者とリアルタイムでつながり、視聴者のエンゲージメントを高め、ウェブサイトのコンテンツをインタラクティブに保つことができます。

最新情報やイベントのためにライブビデオを利用する人が増えている中、ストリームをサイト上で紹介することで、YouTubeのプラットフォームを超えてファンにリーチすることができます。

しかし、ライブストリームをWordPress上で完璧に表示させるのは、特に手動オプションやコードに頼っていて、技術的なバックグラウンドがあまりない場合、厄介なことがある。

初めて自分のサイトにYouTubeのライブストリームを追加しようとしたときのことを覚えている。それは複雑だった。信頼性が高くシンプルな方法を見つけるまで、私は多くの試行錯誤に直面した。

Smash Balloon では、何千ものウェブサイト所有者が YouTube ライブストリームを簡単に放送できるようサポートしており、ライブビデオ統合のストレスを軽減しています。

この記事では、YouTubeライブ・ストリームをWordPressに埋め込むために私が使っている正確な手順を紹介する。

この記事で

なぜWordPressにYouTubeライブストリームを埋め込むのか?

通常のYouTube動画とは異なり、ライブストリームは通常より長く、視聴者はリアルタイムでクリエイターと直接やり取りすることができる。

また、YouTubeライブをウェブサイトに埋め込めば、訪問者はビデオをチェックし、彼らと交流することもできる。

youtubeライブストリーミングの例

結局のところ、ソーシャルメディア・マーケティングに関する調査によると、視聴者の80%が、文章で書かれた記事を読むよりも、ライブ・ストリームを見ることを好むという結果が出ている。

あなたはポッドキャスターですか?YouTubeライブポッドキャストのフィードを表示することは、サイト訪問者をあなたのポッドキャストコンテンツに夢中にさせる素晴らしい方法です。

さらに、自分のYouTubeライブ・ビデオ・ストリームを投稿して、自分のウェブサイトを訪問する人々からより多くの購読者を得ることができる。

定期的にライブ・イベントを開催しているのであれば、ライブ・ストリーミング・ビデオを埋め込むだけで、人々はライブ・イベントに参加したり、古いイベントをチェックしたりすることができる。

このように、YouTubeライブストリームを埋め込むことで、あなたのブランドを成長させ、視聴時間を増やす方法はたくさんあります。それでは、あなたの WordPress ウェブサイトにこれらのストリームを埋め込む最も簡単な方法を見てみましょう。

YouTubeライブストリームをウェブサイトに埋め込む最も簡単な方法

YouTubeのライブストリーム動画を埋め込むには、2つの方法があります:

  • 手動の方法:各YouTubeライブストリームの埋め込みコードを取得し、それを微調整し、あなたのウェブサイトに追加します。
  • 簡単な方法:ライブストリームのフィードを自動的に埋め込むことができるWordPressプラグインを使用する。

最初の方法を取る場合、各ライブストリームを個別に埋め込む必要があり、多くの時間がかかります。

そして、新しいYouTubeライブ・ストリームを埋め込むときはいつでも、もう一度すべてのプロセスをやり直す必要がある。

その上、YouTubeのライブストリームがあなたのウェブサイトでどのように見えるかをカスタマイズするのはかなり難しい。手動でHTML埋め込みコードを編集するか、開発者を雇う必要がある。

その結果、YouTubeのライブストリームがウェブサイトのブランディングにマッチせず、WordPressのテーマと衝突する可能性がある。

朗報がある。YouTube Feed ProのようなWordPressプラグインを使えば、YouTubeの動画コンテンツを簡単に表示できる。

youtubeフィードプロプラグインスマッシュバルーン

YouTube Feed Proを使えば、数回クリックするだけで、YouTubeライブストリームのフィードを作成、カスタマイズし、ウェブサイトに埋め込むことができます。

3ステップのガイドフローに従うだけで、プラグインが自動的に全プロセスを案内してくれる。

その結果、わずか数分で魅力的なYouTubeライブストリームをWordPressウェブサイトに表示することができる。

プロヒント:YouTube Feed Proは、Elementor、Divi、Thriveなどのページビルダーでも動作します。詳しくは、ElementorにYouTubeプレイリストを埋め込む方法をご覧ください。

これはほんの始まりに過ぎません!YouTube Feed Proを使えば、ライブストリームにYouTubeのあらゆるコンテンツを埋め込むことができます。

つまり、YouTubeのプレイリスト、YouTubeチャンネル、検索結果、YouTubeの単一動画などのフル動画のフィードを表示できる。

youtubeフィードの例

プラグインのビジュアルフィードカスタマイザーを使えば、iFrameやHTML、JavaScriptの経験がなくても、YouTubeの動画をどのようにサイトに表示するかを自由にコントロールすることができます。

フィードのレイアウト、カラースキーム、ビデオの数、ヘッダー、ボタンなど、コーディングなしで変更できます!

Youtubeフィードプロプラグイン用ライブフィードエディタ

市場で最高のYouTubeフィードプラグインであるため、YouTube Feed Proの専任サポートチームもご利用いただけます。彼らはいつでもあなたのYouTubeフィードに手を貸す準備ができています。

個人的には、このプラグインがYouTubeの埋め込み動画を自動再生しない点も評価している。良いユーザーエクスペリエンスを維持し、気が散るのを防いでくれるナイスタッチだ。

YouTubeの動画を表示したいですか?今すぐYouTube Feed Proを入手しましょう!

それでは、YouTubeのライブビデオをWordPressに埋め込むプラグインの使い方を見てみましょう。

WordPressにYouTubeライブストリームを埋め込む方法

YouTubeライブストリームをWordPressのウェブサイトに埋め込むには、以下の簡単なステップを踏むだけです。

始めよう!

ステップ1: YouTube Feed Proをインストールする

まず、YouTube Feed Proプラグインを入手し、あなたのウェブサイトにインストールしてください。

方法がわからない?詳しくは、WordPressプラグインのインストール方法についてのチュートリアルをご覧ください。

プラグインの準備ができたら、ステップ2に進み、YouTubeライブ動画のフィードを作成します。

ステップ2:YouTubeライブフィードを作成する

プラグインのガイドに従って、ライブストリーム用の新しいYouTubeフィードを作成することができます。

そのためには、ダッシュボードからYouTube Feed " All Feedsメニューを開き、一番上のAdd Newボタンをクリックします。

新しいYoutubeフィードを追加。

これで、サイトに表示したいYouTubeコンテンツの種類を選択できるようになります。

とりあえず「ライブストリーム」 オプションを選択し、「次へ」ボタンをクリックします。

ライブストリームのフィードを選択することで、ワードプレスにYouTubeのライブストリームを埋め込む

これで、ウェブサイトにライブストリームを表示できる新しいYouTubeフィードができました。

ステップ3:YouTubeアカウントに接続する

YouTubeアカウントと接続することで、YouTubeからのライブストリームをウェブサイトに表示することができます。

その最も簡単な方法は、YouTube API Keyを使うことです。

まだAPIキーをお持ちでない方は、YouTube APIキー作成のステップバイステップガイドをご覧ください。

YouTubeのAPIキーをコピー し、WordPressサイトを開きます。

そこでAPIキーをポップアップに貼り付けAddをクリックする。

youtubeにapiキーを追加

YouTubeへのフィード接続を完了するには、埋め込みたいライブストリームを選択します。

ライブストリームを含むYouTubeチャンネルを開くことから始めることができます。チャンネルを開いたら、上部にあるURLを探してください。

次に、URLの"/channel/" または"/user/"の 後に来るコードをコピーする

youtubeのチャンネルIDをコピーする

コードをコピーした後、ウェブサイトに戻り、「Add Channel ID for Livestream 」フィールドにコードを貼り付けます

次へ」をクリックすれば、YouTubeライブ配信の準備は完了です。

YouTubeチャンネルをソースとして追加する

このYouTubeフィードは、あなたのサイトのデザインを自動的にコピーするので、ライブストリームはすぐに見栄えが良くなります。

ステップ4:YouTubeライブフィードをカスタマイズする

カスタマイズオプションを使えば、YouTube動画の表示方法を簡単に変更できます。

このプラグインは、フィードのテンプレートを選択するように要求します。フィードのテンプレートは8種類から選ぶことができます:

  • デフォルト
  • カルーセル
  • カード
  • リスト
  • ギャラリー
  • 最新ビデオ
  • ショーケース・カルーセル
  • ウィジェット

使用するレイアウトを選択し、「Next」をクリックします。

フィードテンプレートを選ぶ youtubeフィードプロ

これで、プラグインのライブフィードエディターを使用して、ライブストリームを詳細にカスタマイズする準備が整いました。

左側のオプションを使用して、フィードのレイアウト、カラースキーム、ヘッダー、もっと読み込むボタンなどを設定できます。

右側には、YouTubeフィードのライブプレビューがあります。これにより、すべての変更をリアルタイムで追跡し、フィードがどのように見えるかを確認できます。

ライブフィードエディタは、ウェブサイトにYouTubeのライブストリーミングビデオを追加します。

フィードのデザインを始める準備ができたら、左側のフィードレイアウトオプションをクリックします。

オープンフィードのレイアウトオプションは、YouTubeのビデオをストリーミングライブ

ここから、あなたのウェブサイト上のYouTubeライブストリームのレイアウトを変更することができます。

フィードのレイアウトを設定するには、4つの異なるオプションから選択できます:グリッド、ギャラリー、リストカルーセルです。

レイアウトオプション ユーチューブ ライブストリーミングビデオ

最初のオプションは、YouTubeライブストリームを異なる行と列で表示するグリッドレイアウト です。

その結果、動画はきれいな正方形のサムネイルで表示される。

グリッド・レイアウト・ユーチューブ・フィードの例

また、最新のライブストリームをより見やすくしたい場合は、ギャラリーレイアウトに することもできる。

こうすることで、YouTubeギャラリーの一番上に大きな動画が表示され、その下に小さなサムネイルが表示されます。

ギャラリー・レイアウト・ユーチューブ・フィード・プロ

ライブ・ストリームをサイト上でより多くのスペースを使いたいですか?

リストレイアウトを オプションから選択するだけです。

ユーチューブ用リストレイアウト

また、カルーセルレイアウトを 選択し、YouTubeライブストリームのスライドショーをサイトに表示することもできる。

訪問者はあなたのサイトとインタラクトして、好みのビデオを選ぶことができる。

カルーセルレイアウトYoutubeフィードプロ

お好みのオプションを選択したら、「保存」をクリックして変更を確定します。

そうしたら、上部にあるカスタマイズ ボタンをクリックして、YouTubeライブフィードのデザインを続けます。

カスタマイズオプションに戻る youtubeフィードプロ

次のステップでは、ライブフィードエディタを使って、フィードヘッダーの見た目をカスタマイズできます。

まずは、左のヘッダーオプションをクリックしてください。

youtubeフィードプロのヘッダーオプションを開く

左上のトグルオプションを使って、ヘッダーを有効または無効にできます。

ヘッダーが有効になっている場合、以下の2つの異なるヘッダースタイルから選択することができます:

  • 標準:チャンネル名、説明などのビジュアルヘッダーを表示します。
  • テキスト YouTubeフィードの上部にカスタム見出しを追加します。
ライブフィードエディター ヘッダーを選択

新しいヘッダーデザインを保存するには、最後にある保存 ボタンをクリックしてください。

その後、カスタマイズオプションの残りを使用して、YouTube のライブをデザインすることができます。数回クリックするだけで、ライブストリームの数、カラースキーム、ロードモアボタンのデザインなどを変更することができます。

YouTubeフィードの見栄えに満足したら、「保存」をクリックするのを忘れずに。

最後に、ステップ5でYouTubeライブストリームをWordPressサイトに埋め込むためにプラグインを使用することができます。

ステップ5:YouTubeのライブフィードをWordPressに埋め込む

YouTube Feed Pro プラグインを使用して、YouTube ライブビデオを埋め込むには 2 つの方法があります:

  • WordPressページにYouTubeライブストリームを埋め込む
  • WordPressのサイドバーやフッターにYouTubeライブストリームを埋め込む

以下、両方のオプションを見てみよう:

WordPressページにYouTubeライブストリームを埋め込む

YouTube Feed Proを使えば、ライブフィードエディタから直接YouTubeフィードを埋め込むことができます。

そのためにはまず、上部にある埋め込み ボタンをクリックします。

youtube ウェブサイトにライブストリーミングビデオを埋め込む

YouTube Feed Proは、このライブフィードの埋め込みオプションをポップアップで表示します。

とりあえず、ポップアップで「ページに追加」オプションを選択する。

Youtubeフィードをページに埋め込む

ポップアップには、サイト上のすべてのWordPressページのリストが表示されます。

リストからWordPressページを選択し、「次へ」をクリックして続行します。

ワードプレスのページを選択

そうすると、YouTube Feed ProがWordPressのブロックエディターでページを開きます。

ここでプラス(+)アイコンをクリックして新しいブロックを追加する。

新しいワードプレスブロックを追加する

上部の検索バーを使って、「youtube feed」ブロックを探す。

そして、下の検索結果から、YouTube用のフィード ブロックをクリックして、フィードを埋め込みます。

ワードプレスにYoutubeフィードブロックを追加

変更を確認するには、[更新]ボタンをクリックします。

あなたのウェブサイトを開いて、YouTubeのライブフィードがどのように見えるかを見ることができます。

ライブストリーミングの例

では、次にYouTubeライブストリームをWordPressに埋め込む方法を見てみよう。

また、YouTubeウィジェットを使用して、ウェブサイトのフッターやサイドバーにライブストリームを表示することもできます。

そして先ほどと同様、ライブフィードエディターから直接始めることができる。

ライブフィードエディタでYouTubeフィードを開くには、管理画面のダッシュボードエリアからYouTubeフィード " すべてのフィードメニューに移動します。

その後、開きたいYouTubeフィードをクリックする。

ライブフィードエディタでフィードを開く

これで、YouTubeのライブ・フィードがもう一度エディターに表示されます。

フィードの埋め込みを開始するには、右上の埋め込みボタンをクリックします。

youtube ウェブサイトにライブストリーミングビデオを埋め込む

先ほどと同様、このYouTubeフィードのすべての埋め込みオプションをここで見ることができる。ここにある独自のショートコードをコピーしてもいいし、既製のWordPressウィジェットを使ってもいい。

続行するには、「ウィジェットに追加」ボタンをクリックします。

ウィジェットに埋め込む youtubeフィードプロ

そうすると、YouTube Feed Proがあなたのウェブサイトのウィジェットページを 開きます。

ここでは、YouTubeライブストリームを埋め込むサイドバーまたはフッターのいずれかを選択することができます。

YouTubeフィードをサイドバーに埋め込むには、サイドバーオプションをクリックしてください。

サイドバーパネルを開く

YouTubeライブストリームをフッターに表示したいですか?フッターセクションをクリックしてください。

この例では、WordPressのサイドバーを使用します。

フッターパネルを開く

サイドバーまたはフッターに新しいウィジェットを追加するには、下部にあるプラス(+)アイコンをクリックします。

最後に、Feeds for YouTube ウィジェットをクリックしてYouTubeライブフィードを埋め込みます。

サイトにYoutubeウィジェットを追加する

新しいYouTubeフィードウィジェットを保存するには、更新 ボタンをクリックしてください。これで、YouTubeライブストリームをWordPressに埋め込むことができました。

今あなたのウェブサイトを開くと、YouTubeのライブストリームがどのように見えるかを見ることができます。

Youtubeライブストリームウィジェットの例

それで終わりだ!

YouTubeのライブストリームをWordPressのウェブサイトに埋め込む最も簡単な方法がわかりました。YouTube Feed Proを使えば、数クリックでできます。

そうすれば、YouTubeチャンネルを盛り上げ、再生回数を増やし、訪問者を惹きつけ、ビジネスを成長させるのはとても簡単だ。

YouTubeライブストリームを埋め込む準備はできましたか?YouTube Feed Proを手に入れよう

Facebookからのライブストリームも表示したいですか?我々は、あなたのサイトにFacebookのライブストリームを埋め込む方法についての完全なガイドを持っている。

購読者を増やすためのWordPress用YouTubeプラグインについては、次の記事もお読みください。

参考になりましたか?Facebookや Twitterで、ソーシャルメディア・マーケティングのヒントやコツをご紹介しています。

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。