自分のウェブサイトにYouTubeフィードを追加する方法を知りたいですか？
YouTubeには毎分500時間以上の動画がアップロードされており、競争は激しい。
だからこそ、YouTubeのコンテンツをWordPressに表示することで、一歩先を行くことができるのです。視聴者を増やし、ビジネスへのリードを増やし、ソーシャルメディアフィードを使ってコンバージョンを高めることができます。
しかし、もしあなたが技術に精通していないのであれば、特にコーディングや開発に精通していない場合、YouTubeの動画ウィジェットを埋め込むのがいかに難しいか私は知っている。
スマッシュバルーンでは、ソーシャルメディアマーケティング業界における11年の経験を生かし、YouTubeフィードをサイトに埋め込む最も簡単な方法をご紹介します。
このステップバイステップのチュートリアルを使えば、5分もかからずに簡単にYouTubeのコンテンツをサイトに追加することができます！
この記事で
- YouTubeウィジェットは手動で追加すべきか、自動で追加すべきか？
- YouTubeチャンネル・ウィジェットをウェブサイトに追加する最も簡単な方法
- YouTubeチャンネルのフィードをウェブサイトに埋め込む方法
- 今すぐYouTubeフィードの埋め込みを始めましょう
YouTubeウィジェットは手動で追加すべきか、自動で追加すべきか？
LinkedInやTwitterのような他のソーシャルネットワークとは異なり、YouTubeは魅力的なビデオコンテンツがすべてです。YouTubeのコンテンツをWordPressのウェブサイトに表示するには、手動または自動で行うことができます。
YouTubeの動画を手動で ウェブサイトに追加するには、次のような制約がある：
- 一括オプションはありません：表示したいYouTube動画が大量にありますか？各動画の埋め込みコードを取得し、1つずつ手動で埋め込む必要があります。
- コーディングの専門家に限られます：YouTube動画フィードを埋め込み、サイト上でどのように見えるかをコントロールするには、コードスニペットを変更する必要があるため、カスタムHTML、Javascript、iFrame、CSS、またはその他のコーディング言語の高度な知識が必要です。
- カスタマイズの選択肢が限られている：YouTubeフィードをサイトのテーマに合わせてカスタマイズしたいですか？それはできません。そのため、フィードの背景色やフォントの色を変更するのは、開発者を雇わない限り難しいでしょう。
- リスク：コーディングのちょっとしたミスでウェブサイトが壊れ、エラーページが表示される可能性がある。
そして最悪なのは？
手動で動画を埋め込んで、誤ってサイトを壊してしまった場合、それを直してくれるサポートチームは ありません。だから、自力で何とかするしかないのだ。
YouTubeチャンネル・ウィジェットをウェブサイトに追加する最も簡単な方法
手動でYouTubeフィードを埋め込むのが難しく、時間がかかるのであれば、代わりにYouTubeフィードを 自動的に 追加してみてはいかがでしょうか？
YouTube Feed Proのような初心者向けのプラグインを使えば、WordPressの専門家でなくても、簡単かつ手間なくYouTubeのコンテンツをWordPressに表示することができます！
WordPress 用の最高の YouTube フィードプラグインである YouTube Feed Pro は、サイトの機能を拡張し、カスタマイズ可能な YouTube フィードをウェブサイトに追加するのに役立ちます。
個人的なYouTubeチャンネルに使ってみたところ、プラグインのビジュアル・カスタマイザーで選択肢のチェックを入れたり外したりするだけで、YouTubeの動画コンテンツをスムーズに設定でき、サイト訪問者がそれを見たときにどのように見えるかをコントロールできる点が気に入った。
紛らわしいコピーコードを扱う必要はない。
このプラグインはユーザーを念頭に置いて作成されているため、超高速に設計されており、ウェブサイトのページが遅くなることは全くありません。これは、あなたのサイトのSEOを向上させるのに役立ちますので、検索エンジンで上位にランクインすることができます。
実際、プラグインよりも速いのは、それを支える献身的なカスタマーサポートだけ です！YouTubeのコンテンツをサイトに追加する際に何かお困りですか？メッセージでご連絡ください。
注：YouTube Feed Proは、世界で最も急速に成長しているコンテンツ管理システムであるWordPressと完全に互換性があります。
Wix、Weebly、Squarespace、Shopifyなどのプラットフォームには対応していませんが、Divi、Elementor、Oxygen BuilderのYouTube動画、Thriveには100%対応しています。
YouTubeチャンネルのフィードをウェブサイトに埋め込む方法
あなたのサイトで動画コンテンツをクロスプロモーションすることで、YouTubeの登録者を増やす準備はできていますか？
YouTubeチャンネルの動画をWordPressに追加する最良の方法については、以下のステップバイステップのチュートリアルをご覧ください。
ステップ1: Smash Balloon YouTube Feed Pro プラグインをインストールする
YouTubeフィードをウェブサイトに表示するには、こちらからYouTube Feed Proプラグインを入手してください。
その後、プラグインをインストールし、WordPressサイトに追加します。この方法について復習が必要ですか？
WordPressプラグインをインストールするためのステップバイステップのチュートリアルをご覧ください。
プラグインをインストールして有効化したら、YouTubeフィードを作成してください。
ステップ 2: 新しいYouTubeフィードを作成する
YouTubeフィードを作成するには、WordPressダッシュボードからYouTubeフィード " すべてのフィードメニューに移動します。
次に、上部にある「新規追加」 ボタンをクリックします。
そうしたら、サイトに追加したいYouTubeフィードの種類を選択します。以下のフィードタイプからYouTube動画を表示することができます：
- チャンネル YouTubeチャンネル全体を、あなたのブランドから埋め込む。
- プレイリスト プレイリストフィードでサイトに特定のプレイリストを表示する
- 検索特定の検索語句に基づいて動画フィードを埋め込む
- ライブストリーム:指定したYouTubeチャンネルからのライブストリームを表示します。
- 単一の動画：個々のYouTube動画をサイトに表示する
YouTubeフィードの種類を選択し、「次へ」をクリックして進みます。
このチュートリアルでは、チャンネル・ フィード・タイプを追加して、指定したチャンネルの動画のYouTubeフィードを表示します。
次のステップでは、YouTubeに接続して新しいフィードの作成を完了します。
ステップ3：YouTubeにフィードを接続する
このフィードをYouTubeに接続することで、ウェブサイトに動画を表示することができる。
ポップアップには、YouTubeフィードを2つの方法で接続するオプションが表示されます：
- YouTubeのAPIキーを追加する
- YouTubeアカウントに接続する
すべてのタイプのYouTubeフィードにアクセスするには、ポップアップでAPIキーを追加オプションを選択することができます。
APIキーの作成と使用については、こちらのガイドに従ってください。
APIキーを取得したら、それをポップアップに貼り付け 、Addをクリックする。
または、ポップアップでYouTubeアカウントに接続するオプションを選択することもできます。
その後、YouTube Feed ProはYouTubeアカウントへの読み取り専用 アクセスを要求します。このアクセス権を使って、プラグインはYouTubeの情報を見るだけで、実際にあなたのアカウントに変更を加えることはできません。
YouTubeアカウントを接続するには、[続行] ボタンをクリックします。
これで、新しいフィードが作成され、YouTubeに接続されました。次のステップでは、YouTubeフィードのソースを追加します。
ステップ4：YouTubeフィードソースを接続する
フィードのソースは、YouTubeチャンネル、プレイリスト、検索ワードなど、表示したいものを指定できます。
チャンネルフィードを追加するので、WPBeginnerYouTubeチャンネルをソースとして使用します。
まず、https://www.youtube.com、ウェブサイトに表示したいYouTubeチャンネルに移動します。そこで、上部にあるチャンネルURLをチェックしてください。
URLの中で"/channel/"または"/user/"を探し、それ以降を次のようにコピーする：
完了したら、ウェブサイトに戻り、チャンネルIDまたはユーザー名 フィールドにコードを貼り付けます 。
次に、「Next」 ボタンをクリックして続行します。
その後、ステップ5に進み、YouTubeフィードの見た目をカスタマイズできる。
ステップ5：YouTubeフィードウィジェットをカスタマイズする
ソースの接続が終わったら、次はYouTubeフィードのテンプレートを選びます。
フィードのデザインを瞬時に変更できる8種類のフィードテンプレートがあります：
ここでフィードテンプレートを選択し、「次へ 」をクリックして次に進みます。
YouTube動画ウィジェットをサイトに埋め込む前に、もっとカスタマイズしたいですか？
プラグインがあなたをカバーします。ビジュアルフィードエディタを使えば、専門的な知識は必要なく、簡単に思い通りのフィードをデザインすることができます！
左側には、フィードのレイアウト、フォーマット、YouTube登録ボタン、サイズ、色、ヘッダーのスタイルなどを変更するためのカスタマイズオプションがあります。
さらに、左側にはYouTubeフィードのライブプレビューも表示されます。これにより、すべての変更をリアルタイムで追跡することができます。
フィードのカスタマイズを開始するには、フィードレイアウトオプションを クリックします。
このプラグインを使えば、YouTubeフィードのレイアウトを簡単に変更できます。以下の4つのレイアウトオプションから選択するだけです：
- グリッド
- ギャラリー
- リスト
- カルーセル
YouTube動画を正方形のサムネイルで整然と並べたグリッド表示にしたいですか？グリッドレイアウトを使って、ウェブサイトにYouTube動画ウォールを表示できます。
ウェブサイトにビデオ証言を表示する場合はどうしますか？ギャラリーレイアウトを 使用して、1つの大きな動画を表示し、その下に複数の動画のサムネイルを表示することで、より長い視聴時間を確保できます。
YouTubeライブストリームのような分かりやすいデザインの場合は、リストレイアウトを 使用してYouTubeフィードを1列に表示します。
最後に、YouTubeチャンネルをスライドショーに埋め込みたい場合は、カルーセルレイアウトを 使用すると、サイトの閲覧者がコンテンツを消費しやすくなります。
お好きなレイアウトを選択したら、必ず「保存」ボタンをクリックして選択を保存してください。
いかに迅速で簡単か、お分かりいただけたでしょうか？複雑なHTMLコードを扱う必要はありません - 数回クリックするだけでフィードをデザインできます。
その後、左上の小さなカスタマイズ ボタンをクリックします。
このページから、YouTubeフィードをカスタマイズするための他のオプションを使用することができます。続けるには、左側のヘッダーボタンを クリックしてください。
ここから、「有効にする 」オプションを切り替えることで、YouTubeフィードの上部にヘッダーを表示することができます。
その下に、ヘッダーのデザインを選択するヘッダースタイルオプションがあります。ここでは2つのオプションから選ぶことができます：
- 標準：YouTubeチャンネルの名前とアイコンをフィードの上部に表示します。
- テキスト フィードの上部にテキストを表示します。
ヘッダーオプションを設定したら、上部の保存 ボタンをクリックしてください。
ご覧の通り、このプラグインを使えばYouTubeフィードのデザインを超簡単に設定できます。フィードのサイズ、色、ボタン、ライトボックス、その他いろいろ変更できます。
YouTubeフィードのカスタマイズは終わりましたか？保存」 ボタンを忘れずにクリックして、下の最後のステップに進んでください。
ステップ6：WordPressにYouTubeフィードを追加する
このプラグインを使えば、YouTubeのフィードをウェブサイトのさまざまな場所に簡単に表示することができます：
- ワードプレスのページで
- WordPressのサイドバーまたはフッターに表示する
どこに置こうか迷っていますか？ご心配なく。この2つのステップについては後述します。
WordPressページにYouTubeフィードを追加する
YouTubeフィードをページに埋め込む場合、プラグインのライブフィードエディタを使用することができます。
まず、上部にある埋め込み ボタンをクリックします。
次に、新しいYouTubeフィードの場所を選択するポップアップが表示されます。続行するには、ショートコードをコピーするか、単にページに 追加ボタンをクリックします。
すると、あなたのサイトのWordPressウェブページのリストが表示されます。フィードを埋め込むページを選択し、「追加」をクリックします。
そうすると、YouTube Feed ProがWordPressのエディターにそのページを表示し、フィードを埋め込むことができます。
ここにコンテンツブロックを追加するには、上部のプラス（＋）アイコ ンをクリックします。
検索バーを使って「youtube feed」を 探し、下のYouTube ウィジェットのフィードを クリックする。
最後に、「更新」 または「公開」をクリックすると、フィードが公開されます。あなたのウェブサイトを開いて、YouTubeフィードが訪問者にどのように見えるかを確認することができます。
それでは、次にYouTubeフィードを埋め込む方法を見てみましょう。
YouTubeフィードをWordPressのサイドバーまたはフッターに追加する
このプラグインには既製のWordPressウィジェットが付属しているので、YouTubeフィードをサイドバー領域に数秒で簡単に追加することができます - コードを埋め込む必要はありません。
まず、ライブフィードエディターでYouTubeフィードをもう一度開きます。
YouTubeフィード " すべてのフィードメニューに移動し、先ほどのYouTubeフィードをクリックしてください。
ライブフィードエディタを開いたら、上部にある埋め込み ボタンをクリックします。
YouTubeチャンネル・ウィジェットをウェブサイトに埋め込むには、このポップアップの「ウィジェットに追加」 オプションをクリックしてください。
プラグインは、あなたのウェブサイトのウィジェットページに あなたを送ります。ここで、YouTubeフィードをサイドバーまたはフッターに埋め込むかどうかを選択できます。
YouTubeフィードをサイドバーに埋め込むには、このページの サイドバーパネルを クリックしてください。
また、フッターパネルを クリックしてYouTubeのコンテンツを埋め込むこともできます。
最後に、プラス（+）アイコンを クリックし、YouTube ウィジェットのフィードを 選択します。
これでYouTubeフィードがウィジェットとして埋め込まれました。これで、更新ボタンをクリックして変更を確定できます。
サイト訪問者がサイドバーエリアをチェックすると、YouTubeフィードウィジェットがこのように表示されます：
さあ、これで完成です！このチュートリアルのステップバイステップの指示に従うことで、わずか5分足らずで簡単にWordPressウェブサイトにYouTubeフィードを追加することができます！
これで、チャンネル登録者を増やし、YouTubeチャンネルを成長させるための旅をすぐに始めることができる。
何をお待ちになりますか？ここでYouTube Feed Proを始めましょう。
WordPressソーシャルメディア・フィード・チュートリアル
- TikTokのビデオフィードをウェブサイトに簡単に埋め込む方法はこちらをご覧ください。
- YouTubeのプレイリストをサイトに埋め込む方法については、次の記事もご覧ください。
- 他のソーシャルメディア・アグリゲーターに興味がありますか？Instagramのフィードを無料でWordPressに表示する方法については、次の記事をご覧ください。
- Thriveのウェブサイトをお持ちの方は、YouTubeのフィードをThrive Architectのウェブサイトに埋め込む方法について、こちらの記事もご覧ください。
- 他のソーシャルメディア・プラットフォームにアカウントをお持ちですか？ソーシャルメディアフィードウィジェットをウェブサイトに埋め込む方法については、こちらの記事もお勧めです。
今すぐYouTubeフィードの埋め込みを始めましょう
このガイドが示すように、ウェブサイトに動的なYouTubeフィードを追加することは、チャンネルを成長させる強力な方法です。
ソーシャルメディアマーケターとしての経験から言えば、動画を手作業で一つずつ埋め込むのは手間がかかり、時間を浪費する作業だ。
だからこそ、Smash Balloon YouTube Feed Proをお勧めします。このツールはプロセスを自動化し、コードに触れることなく、わずか数分でプロフェッショナルな動画フィードを表示できるようにします。
どうすれば始められるかは、以下の通りだ：
- YouTube Feed Proを今すぐ入手し、14日間リスクフリーでお試しください。YouTubeフィードを簡単に埋め込む方法を始めましょう
- ビジュアルエディターを使用して動画フィードのデザインをカスタマイズし、ウェブサイトのスタイルに完璧に調和させましょう
- YouTubeフィードをページ、投稿、サイドバーウィジェットにシームレスに追加して、コンテンツの閲覧数を増やしましょう
YouTube Feed Proを使用してフィードを埋め込む方法についてご質問はありますか？コメント欄でお知らせください。
