企業経営者、コンテンツ制作者、インフルエンサー、ソーシャルメディア管理者の方で、YouTubeのショートビデオをウェブサイトに埋め込む方法に疑問をお持ちの方はいらっしゃいませんか？
ベータ版の成功を受けて2021年3月に開始されたYouTube Shortsは、短編ビデオの流行に乗じて、今日の注目を集める視聴者向けに一口サイズのコンテンツを提供している。
しかし、WordPressに慣れていない場合、YouTubeのショートフィルムを埋め込むのは大変だ。特に、埋め込みコードのスニペットや、異なるウェブページ間の転送などの手順が含まれるからだ。
YouTubeのショートムービーをウェブサイトに埋め込むのは、技術的なことに精通していないと、少しイライラすることもあるかと思います。
初めて自分のサイトにYouTube Shortsを追加しようとしたとき、手っ取り早く信頼できる解決策にたどり着くまで、さまざまなアプローチを試すのに時間を費やした。
Smash Balloonでサイトオーナーに最新のソーシャルビデオコンテンツを表示するお手伝いをした経験から、YouTube Shortsを埋め込む最も効果的な方法を見つけました。
このガイドでは、YouTube Shortsをウェブサイトに埋め込む手順をわかりやすくステップバイステップで説明します。
この記事で
- YouTube Shortsとは？
- WordPressウェブサイトにYouTubeショートムービーを埋め込む最良の方法
- YouTube Feed Proを使ってYouTubeショートをウェブサイトに埋め込む方法
- 今すぐYouTubeショートの埋め込みを開始
YouTube Shortsとは？
2021年3月に正式に導入されたYouTube Shortsは、数秒から最長1分までの短い縦型動画である。
YouTubeのショートムービーは、Instagramのリールや TikTok動画のように、短くて消化しやすいコンテンツで視聴者を惹きつけるユニークな方法です。
WordPressウェブサイトにYouTubeショートムービーを埋め込む最良の方法
手動でYouTube Shortsを1つずつ追加するのは忘れてください！数回クリックするだけで、あなたのウェブサイトに複数のYouTube Shortsを追加できる良い方法があります。
複数のYouTubeショートムービーをウェブサイトに埋め込む最も簡単な方法をお探しなら、Smash BalloonYouTube Feed ProのようなWordPressプラグインが最適です。
YouTube Feed Proは、WordPress上でYouTubeのショートムービーのコレクションを数分で作成、カスタマイズ、埋め込むことができる世界最高のYouTubeフィードプラグインです！
ブロガーやビジネスオーナーがYouTube Shortウィジェットをサイトに埋め込む際にYouTube Feed Proを使用する理由は以下の通りです：
- WordPress初心者に最適：パワフルで使いやすいYouTube Feed Proは、コーディングの知識を必要としません。
- 簡単セットアップ：複雑な iFrame/HTML コードをスキップし、埋め込みコードや動画 URL を手動でコピー/ペーストする必要はありません。手動で共有ボタンをクリックしたり、埋め込みコードをコピーしたり、各ショートの動画URL、動画リンク、動画IDを貼り付けたりする必要もありません！
- 簡単カスタマイズ：カルーセル、グリッド、リストなど、あらかじめデザインされたYouTube Shortsのレイアウトから選択したり、フィードの色をカスタマイズしたり、「購読」ボタンをパーソナライズしたりして、あなただけのフィードを作りましょう。
- More Than YouTube Shorts：チャンネル、YouTubeライブストリーム、シングルビデオ、YouTubeプレイリストなど、様々なYouTubeフィードをウェブサイトに埋め込むことができます！
- レスポンシブ＆モバイルフレンドリー：YouTubeショートフィードは、どんなデバイスの画面サイズでも完璧に表示されます。
個人的には、私はコーディングやデザインの達人ではないので、YouTube Feed Proに内蔵されているユーザーフレンドリーなビジュアルフィードカスタマイザーでYouTube Shorts動画の外観をパーソナライズできる点が気に入っています。技術的な専門知識は必要ありません！
フィードエディターのカスタマイズオプションをクリックするだけで、YouTubeのショートムービーがあなたのサイトにどのように表示されるかを簡単にカスタマイズできます。
さらに、YouTube Feed Proは動画を自動再生しないので、ロード時間が短縮され、ウェブサイト訪問者のユーザーエクスペリエンスが向上します。
YouTubeのショートムービーのフィードをWordPressのウェブサイトに数分で埋め込む準備はできましたか？今すぐ YouTube Feed Pro を使ってみましょう！
YouTube Feed Proを使ってYouTubeショートをウェブサイトに埋め込む方法
YouTube Feed Pro を使えば、YouTube Shorts を簡単にウェブサイトに追加できます。5つの簡単なステップを踏むだけで、初心者でもすぐにYouTubeショートフィードを立ち上げることができます。
YouTube Shortsフィードを埋め込むクイックステップ（概要）
- YouTube Feed Pro プラグインをインストールする
- プレイリストにYouTubeショートのフィードを作成する
- YouTube ShortsフィードをYouTubeに接続する
- YouTube Shortsフィードをカスタマイズする
- WordPressウェブサイトにYouTubeショートを埋め込む
それでは、ステップバイステップのチュートリアルに移り、YouTube Feed ProがYouTube Shortsウィジェットをウェブサイトに追加するプロセスをどのように簡略化するかをご紹介しましょう。
ステップ 1: YouTube Feed Pro プラグインをインストールする
ここでYouTube Feed Proプラグインを入手し、あなたのウェブサイトにインストールしてください。
やり方がわからない？WordPressのプラグインをインストールする方法については、こちらのユーザーフレンドリーなガイドをご覧ください。
ステップ 2: プレイリストにYouTubeショートのフィードを作成する
YouTubeのショートムービーを埋め込むための次のステップは、YouTubeフィードを作成することで、YouTubeのショートムービーやビデオ、プレイリストなどをウェブサイトに表示することができます。
これを始めるには、WordPressのダッシュボードエリアからYouTubeフィード " すべてのフィード メニューに移動し、新規追加をクリックします。
そうすると、プラグインが作成したいYouTubeフィードのタイプを選択するように尋ねます。YouTubeチャンネル、プレイリスト、検索結果などのコンテンツを表示することができる。
この例では、特定のプレイリストのYouTubeショートフィルムを埋め込むので、プレイリストオプションを選択します。これにより、公開されているプレイリストから複数のYouTubeショートムービーを表示することができます。
ステップ3に進み、YouTubeに接続してフィードの設定を完了する。
ステップ3: YouTube ShortsフィードをYouTubeに接続する
次に、新しいフィードをYouTubeアカウントに接続する必要があります。これにより、プラグインがあなたのショートを取得し、あなたのウェブサイトに表示することができます。
最も簡単な方法は、YouTube APIキーを使用することです。これは、プラグインがYouTubeプラットフォームから動画データを安全にリクエストするための固有のコードです。
APIキーをまだお持ちでない場合は、YouTube APIキーの作成に関するクイックガイドをご覧ください。
YouTubeのAPIキーを設定したら、ウェブサイトに戻り、APIキーをポップアップに貼り付けてから 「追加」をクリックします。
フィードをYouTubeに接続したら、次はウェブサイトに埋め込むYouTubeプレイリストを指定します。
このプレイリストには、ウェブサイトに埋め込みたいYouTube Shortsが含まれています。
まず、ブラウザでwww.youtube.com を開き、埋め込みたいプレイリストにアクセスする。これは、あなたのWordPressサイトに表示したいYouTubeのショートフィルムが含まれているプレイリストです。
YouTubeのショートフィルムを含むプレイリストにアクセスしたら、上部にあるURLを探して、最後にあるコードをコピーしてください。
次に、あなたのウェブサイトに戻り、このプレイリストをフィードのソースとして使用できるようにします。右クリックして、このコードをプレイリストIDフィールドに貼り付けてから、「次へ」をクリックしてください。
ご覧の通り、YouTube Feed Proプラグインを使えば、新しいフィードを作成してソースに接続するのはとても簡単です。また、YouTubeショートウィジェットのソースを指定するのも簡単です。
次のステップでは、YouTubeのショートフィードがあなたのウェブサイトでどのように見えるかをカスタマイズします。
ステップ4: YouTubeショートフィードカスタマイズ
HTMLまたはJavaScriptを使用してYouTubeのショートムービーを追加していた場合は、YouTubeフィードウィジェットの外観を変更するために手動でコードスニペットを編集する必要があります。
しかし、YouTube Feed Proを使えば、わずか数クリックでYouTubeフィードをカスタマイズすることができる。
フィードを始めるには、あらかじめデザインされたテンプレートをインポートすることができます。YouTube Feed Pro には、たくさんのフィードテンプレートが用意されています：
- デフォルト
- カルーセル
- カード
- リスト
- ギャラリー
- YouTube最新動画
- ショーケース・カルーセル
- ウィジェット
テンプレートを選択したら、「Next」をクリックします。
この例では、プラグインのカスタマイズ・オプションをお見せするために、デフォルト・ テンプレートを選びますが、個人的には、YouTubeフィードを作るときはいつもカルーセル・テンプレートが好きです。
YouTubeショートフィードテンプレートを選択した後、YouTube Feed Proはライブフィードエディターを開きますので、YouTubeショートフィードを詳細にカスタマイズすることができます。
左側のパネルを使って、テンプレート、フィードレイアウト、色、ヘッダーデザイン、ビデオ要素、YouTube購読ボタンのデザインなどを変更することができます。
ここでカスタマイズオプションを変更すると、右側のライブプレビューでYouTubeフィードが訪問者にどのように見えるかが即座に表示されます。
YouTubeショートムービーのデザインを始める準備はできましたか？左側のフィードレイアウトオプションをクリックしてください。
YouTubeショートムービーのレイアウトを4種類から選べるようになりました：グリッド、ギャラリー、リスト、カルーセルです。適切なレイアウトを選択することで、YouTubeショートムービーのウィジェットの表示方法を変更できます。
たくさんのYouTubeショートムービーを一度に表示したいですか？グリッドレイアウトを 選択すると、YouTubeのショートムービーをユニバーサルサムネイルで整理されたグリッドに表示することができます。このチュートリアルではこのレイアウトを選択します。
YouTubeショートフィードレイアウトに満足したら、「保存」をクリックして変更を確定します。
YouTubeショートムービーの編集を続けるには、左上にある小さなカスタマイズ ボタンをクリックしてください。
このYouTubeフィードプラグインでは、YouTubeショートフィードフィードのすべての色をカスタマイズすることもできます。始めるには、左の配色 オプションをクリックしてください。
YouTubeの短編フィードを素早く簡単にカスタマイズするには、4つの異なるカラースキームから選ぶだけ：
- テーマから継承： YouTubeのショートムービーの色をコピーする
- 明るい：暗いフォントとともに明るい背景を表示する
- ダーク：代わりに暗い背景を表示し、明るいフォントを使用する。
- カスタム： すべての色を自分で選ぶ
配色を選んだら、もう一度「保存」をクリックします。
WordPressにYouTube Shortsを追加するこのガイドでは、YouTubeフィードが自動的に既存のテーマのビジュアル・アイデンティティをコピーするように、テーマから継承を 選択します。
残りのカスタマイズオプションを使って、フィードのヘッダーデザイン、load moreボタン、ビデオエレメント、ライトボックス設定などをカスタマイズできます！
例えば、YouTube Feed Proでは、数回クリックするだけで、動画のレイアウトをカスタマイズできることをご存知ですか？
ビジュアルフィードエディターからビデオ " ビデオスタイル...
次に、埋め込みYouTubeショートフィードに使用したいビデオレイアウトをクリックするだけです。縦長か 横長の レイアウトを選ぶことができます。
YouTubeフィードのカスタマイズが完了したら、必ず「保存」をクリックしてください。最後に、ステップ5に進み、YouTubeのショートムービーをウェブサイトに埋め込むことができます。
ステップ5：WordPressウェブサイトにYouTubeショートを埋め込む
YouTube Feed Pro を使えば、YouTube Shorts フィードを WordPress サイトの好きな場所に置くことができます！以下のことができます：
- YouTube ShortsをWordPressのページで直接紹介できます：ショートショート専用のページを作成したり、ブログ記事内で紹介したり、ランディングページに追加したりするのに最適です。
- サイドバーやフッターにYouTube Shortsを表示しましょう：サイト内のどこにいても訪問者の目に留まり、YouTube Shortsを他のコンテンツと一緒に見てもらうのに最適です。
どちらを選ぶべきか迷っていますか？以下、両方の方法を見ていきましょう。
YouTubeショートフィルムをウェブサイトに埋め込む
朗報は、ビジュアルフィードカスタマイザーから直接YouTubeのショートフィルムを埋め込むことができることです。
ビジュアルカスタマイザーは、YouTubeフィード " すべてのフィードに移動し、あなたのShortsフィードをクリックすることで表示されます。
次に、右上の埋め込みボタンをクリックします。
すると、YouTubeのショートフィルムをどこに埋め込むかを尋ねるポップアップが表示されます。以下の埋め込みオプションから選択してください：
- ユニークなショートコードをWordPressのページ、投稿、ウィジェットに追加します。
- WordPressに組み込まれているブロックを使って、YouTube Shortsをページに埋め込む。
- サイドバーやフッターにYouTubeのショートムービーを追加するには、WordPressブロックを使用します。
このチュートリアルでは、「ページに追加」ボタンをクリックしてみましょう。
その後、あなたのウェブサイトのWordPressページのリストが表示されます。YouTubeのショートムービーを埋め込むページを選択し、「追加」をクリックします。
そうするとWordPressエディターにリダイレクトされます。ここから、プラス（+）アイコンをクリックして、新しいWordPressブロックを追加することができます。
その後、上部にある検索フィールドを使って、feeds for youtubeブロックを探します。検索結果から、Feeds for YouTube ブロックをクリックして、フィードを埋め込みます。
アップデートをクリックすると、YouTubeのショートフィルムがあなたのウェブサイトにアップされます。
早くないですか？ご覧の通り、YouTube Feed Proプラグインを使えば、YouTubeのショートムービーで訪問者を魅了するのはとても簡単です。
では、次にYouTubeのショートフィルムをWordPressに埋め込む方法を見てみよう。
YouTubeショートをウェブサイトのサイドバーやフッターに埋め込む
YouTube Feed Proを使えば、YouTubeウィジェットを使って、ウェブサイトのサイドバーやフッターにショートフィルムを表示することもできます。
ビジュアルフィードカスタマイザーがまだ開いていない場合は、ダッシュボードからYouTubeフィード " すべてのフィードに 移動し、埋め込みたいYouTube Shortsフィードを選択します。
このダッシュボードで、ウィジェットとして埋め込みたいYouTubeショートフィードを選択します。
YouTube shortsフィードをクリックすると、プラグインはビジュアルフィードカスタマイザーでもう一度フィードを開きます。YouTubeショートムービーをウィジェットとして埋め込み続けるには、上部の埋め込み ボタンをクリックしてください。
ポップアップで、ウィジェットに追加をクリックします。
そうすると、サイトのウィジェットページが 開き、WordPressウィジェットを簡単に追加、削除、管理することができます。
ここで、サイドバーパネルを クリックして始めることができます。
また、YouTubeの動画を埋め込みたい場合は、フッターパネルを クリックしてください。このチュートリアルではサイドバーを選びます。
新しいウィジェットを追加するには、ここでプラスアイコン（+）を クリックします。そして、オプションからFeeds for YouTubeウィジェットを選択してください。すぐに表示されない場合は、検索バーにfeeds for youtubeと 入力して検索できます。
ウェブサイトのサイドバーやフッターに複数のYouTubeショートムービーを埋め込むには、「更新」 ボタンをクリックします。
これで、あなたのウェブサイトのフロントエンドにアクセスすると、埋め込みYouTubeショートフィードがサイドバーに表示されるようになります。以下はそのスクリーンショットです：
これで完成だ！このように、適切なツールを使えば、YouTubeのショートフィルムをウェブサイトに埋め込むのはとても簡単だ。
YouTubeのショートフィルムを簡単に埋め込む準備はできましたか？今すぐ YouTube Feed Pro を入手しましょう！
YouTube Shortsをあらゆるウェブサイトに埋め込む
他の人気ウェブサイト・ビルダーにYouTube Shortsを埋め込む方法を探ってみましょう：
- ElementorのウェブサイトにYouTubeショートを埋め込む方法
- DiviのウェブサイトにYouTubeのショートムービーを埋め込む方法
- Thrive ArchitectのウェブサイトにYouTubeのショートムービーを表示する方法
なぜWordPressにYouTube Shortsを埋め込むのか？
ソーシャルメディア・マーケティングの統計に関する我々の詳細な調査によると、YouTubeのショートフィルムは毎日700億回以上再生されている！
YouTubeのショートムービーは、その幅広いリーチによって、あなたのビジネスを大きく変える可能性があります。
つまり、ソーシャルメディア・マーケティングを通じてビジネスを成長させたいのであれば、ブランドの製品やサービスを宣伝するためのYouTubeショートムービーの作成と公開に投資することが重要なのだ。
WordPressのウェブサイトにYouTubeのショートムービーを表示することで、どのようにビジネスを加速させることができるかを見てみましょう：
YouTubeのショートフィルムがユーザーのエンゲージメントを高める
短編動画の人気は絶大だ。実際、YouTube Shortsの1日の再生回数は700億回を超えています。このような動画をサイトに追加することで、視聴者はより多くのコンテンツに触れることができ、より長くあなたのページに留まることができます。
YouTube Shortsを埋め込むとウェブサイトのSEOが向上する
ウェブサイトにYouTube Shortsを追加することで、SEOを強化することができます。GoogleやBingのような検索エンジンは、キャプション付きのYouTube動画フィードのような、ダイナミックで更新されたキーワードの豊富なコンテンツを好むため、あなたのサイトを上位に表示するかもしれません。
YouTubeフィードを追加することで、視聴者のリーチが広がる
2024年現在、YouTubeの月間アクティブユーザー数は27億人以上という驚異的な数字を誇っている。
YouTubeのショートムービーを埋め込むことで、YouTubeの多くの視聴者やあなたのサイトの訪問者とつながることができ、より多くの潜在顧客にアプローチすることができます。
サイトにYouTube Shortsを表示することで、YouTubeの登録者を増やすことができます。
YouTubeのショートムービーをウェブサイトに表示すれば、サイト訪問者はYouTubeのビデオコンテンツを直接見ることができ、YouTubeの購読者になる可能性が高くなります。
YouTubeのコンテンツをビジネスに活用すれば、売上が急増する
買い物客の3人に2人は、顧客の声のビデオを見た後に商品を購入する可能性が高いことをご存知ですか？
商品のユーザーレビューをYouTubeのショートムービーにし、それをサイトに埋め込むことで、売上を伸ばすことができる。
YouTubeのショートムービーをウェブサイトに埋め込むことがなぜ重要なのかがお分かりいただけたところで、YouTubeのショートムービーをスマホで作成する方法についてお話ししましょう。
スマートフォンでYouTubeショートを作成する方法
人気のYouTubeショートムービーを作るのは簡単で簡単です。モバイルデバイスを使ってYouTubeショートムービーを作成する5つの簡単なステップをご紹介します。
1.スマートフォンでYouTubeアプリを開きます。YouTube Shortsはモバイル用に作られているため、パソコンでは作成できません。
2.アプリを開いたら、画面中央下にあるプラス ＋アイコンをタップします。これで携帯電話のカメラが開き、デフォルト・オプションとして「ショート」が選択されます。
3.Shortsカメラを使う場合、YouTubeビデオをその場で分割して録画するか、すでに撮影したビデオをアップロードするか、2つの選択肢があります。
直接録画するには、キャプチャボタンを長押しするだけです。ボタンを離すと録画が停止し、1つのビデオに複数のセグメントを作成することができます。
すでに録画したビデオを使いたいですか？Shortsカメラの右下にあるアップロードボタンをクリックするだけです。ギャラリーから直接ビデオを選ぶことができます。
4.ビデオを録画またはアップロードしたら、さまざまな編集ツールでビデオを強化することができます。
これらのオプションには、音楽の追加、スピードの調整、フィルターの適用などがあります。YouTube Shortsの長さは60秒までです。
5.動画の編集が終わったら、最終確認に進みます。YouTubeのアプリでは、タイトルの追加、プライバシー設定の選択、位置情報の指定、コメントや「いいね！」を許可するかどうかの選択ができます。
設定が完了したら、Upload ShortをタップしてYouTube Shortを公開します。
わずか数分でYouTubeショートムービーが完成しました！あなたのウェブサイトに魅力的なYouTubeショートウィジェットを埋め込みましょう。今すぐYouTube Feed Proを入手しましょう。
YouTube動画フィードに関するWordPressのベスト記事
- WordPressにソーシャルメディアのフィードを埋め込む方法
- あなたのYouTubeショートが再生回数を稼げない理由トップ【＋あなたがすべきこと
- YouTube Shorts vs TikTok：あなたに最適なのはどちら？
今すぐYouTubeショートの埋め込みを開始
魅力的なYouTube Shortsをウェブサイトに掲載するのは、正直言って難しいことではありません。
Smash Balloon YouTube Feed Proを使えば、このような素早くキャッチーな動画を表示するのは、実はとても簡単なことなのだ。
コーディングに慣れていなくても、数分でShortsフィードを立ち上げることができます。
YouTube Shortsを効果的に紹介するためのアドバイスです：
- YouTube Feed Proを手に入れよう。(14日間の返金保証がありますので、ご安心ください！)
- YouTube Shortsを埋め込むには、このガイドに記載されている5つの明確なステップに従ってください。
- デスクトップから携帯電話まで、さまざまな画面サイズでYouTube Shortsギャラリーがどのように表示されるかチェックしてみましょう。
YouTube Shortsをウェブサイトに追加することは、そのインパクトを最大化し、クリエイティブなコンテンツをより多くの視聴者と共有する素晴らしい方法です。
YouTube Feed Proを使ってウェブサイトにショートショートを掲載する方法について質問がありますか？下のコメント欄で質問してください！
