YouTubeショート動画をウェブサイトに埋め込む方法 – 2026年版簡単ガイド

ウェブサイトにYouTube Shortsを埋め込むと、訪問者がYouTubeに直行するのではなく、より長く滞在してくれるようになります。Shortsは、何時間もスクロールして見続けてしまうような魅力的な縦型動画です。ページに直接配置することで、訪問者の熱気を高め、滞在時間を増やし、ウェブサイトの最新化を図ることができます。

もうトラフィックを失うことはありません。視聴者はあなたのドメインで、あなたが望む場所で視聴できます。ブランド、ブロガー、そしてストアは、消極的な訪問者を熱心なファンに変えるために、この方法を採用しています。このガイドでは、シンプルなコードから自動更新されるスマートフィードまで、YouTubeショート動画を追加するあらゆる方法を解説します。

ウェブサイトにYouTubeショート動画を埋め込む

YouTubeチャンネル

今すぐ試す

YouTubeプレイリスト

今すぐ試す

Youtubeキーワード

今すぐ試す

Youtubeショーツ

今すぐ試す

| クレジットカードは不要 |

YouTubeショーツとは何ですか？

YouTubeショートは、モバイルで素早く視聴できるように設計された、縦長の短い動画です。TikTokやReelsと同様に、専用のショートフィードとYouTube全体に表示されます。毎日何百万人ものユーザーが視聴しているため、クリエイターやブランドにとって注目を集める強力な手段となっています。ウェブサイトにYouTubeショートを埋め込むことで、訪問者を他の場所に誘導することなく、エンゲージメントを維持できます。

クイックガイド: ウェブサイトに YouTube ショートを追加するにはどうすればいいですか?

1. Taggboxアカウントにサインアップまたはログイン
2. YouTubeウィジェットを作成する
3. YouTubeギャラリーをカスタマイズする
4. YouTubeショート動画をウェブサイトに埋め込む

最初の YouTube Shorts フィードを無料で作成して埋め込みましょう。

あらゆるウェブサイトで YouTube Shorts を収集、管理、追加して、社会的証明と信頼性を高めます。

サインアップは無料です

クレジットカードは必要ありません。

YouTubeショート動画をウェブサイトに埋め込むための詳細なガイド

コーディングの知識がなくてもYouTubeショート動画を追加できますか？答えは はい！ TaggboxのようなUGCプラットフォームを使えば、技術的なスキルがなくても、数分で簡単にYouTubeショート動画をウェブサイトに追加できます。どうすればいいでしょうか？早速始めましょう。

ステップ1. Taggboxアカウントにサインアップまたはログインする

• ログインしてプロセスを開始してください Taggboxウィジェットアカウント新規ユーザーの場合は、無料アカウントに登録できます。

• クリック "ウェブサイト上のソーシャルフィード画面に表示されるオプションから「」を選択します。

• 業種を共有する

ステップ2: YouTubeウィジェットを作成する

• 画面にソースネットワークウィンドウが表示され、さまざまなソーシャルメディアプラットフォームが一覧表示されます。「YouTube” をソースとして使用します。

• クリックしてください "ハーフパンツ」タブをクリックします。YouTubeショートチャンネル名またはURLを入力し、「フィードを作成”を開始する 短編動画の集約 コンテンツ。

• ウェブサイトの配置に応じて、投稿を公開または非公開に設定してフィードを管理します。

ステップ3：YouTubeギャラリーをカスタマイズする

• 左側のサイドバーから、 「カスタマイズと公開、　 「ウェブサイト” をチャンネルとして登録し、名前を付けます。 
• 「テーマ「」タブをクリックし、YouTube ショート ギャラリーのレイアウトを選択します。 
• フォント、カラーパレット、カードのデザイン、その他の要素を変更して、目を引くギャラリーを作成します。

ステップ4：YouTubeショート動画をウェブサイトに埋め込む

• クリックしてください "コードを生成」ボタンをクリックします。適切な「ギャラリータイプ” とウェブサイトのプラットフォーム。

• 必要に応じて幅と高さを調整し、コピーします。 YouTube HTML ウィジェット 埋め込みコード。このコードをコピーして、ウェブサイトのバックエンドに貼り付けます。

おめでとうございます！YouTube Shorts をウェブサイトに正常に追加しました。

ウェブサイトにYouTubeショート動画を追加する

YouTubeショート動画を収集、キュレートしてウェブサイトに追加しましょう

無料トライアルを開始 デモを予約する

あらゆる CMS プラットフォームに YouTube Shorts を追加するにはどうすればよいでしょうか?

コーディングの知識がなくても、さまざまな CMS プラットフォームに YouTube Shorts を埋め込むための簡単なステップバイステップ ガイドをご覧ください。

a.) WordPressでYouTubeショート動画を表示する

• 最初にログインして WordPress アカウントを作成し、YouTube Shorts ウィジェットをウェブサイトに追加したいウェブページのエディター セクションにアクセスします。
• Web ページの右側にあるビジュアルとテキストのオプションを選択します。 
• テキストモードをクリックします。 
• 次に、コピーした埋め込みコードをコード フィールドに貼り付けます。 
• 「更新」をクリックして変更を保存し、 WordPress に YouTube Shorts を統合します。

b.) YouTubeショート動画をShopifyに統合する

• ログインしてプロセスを開始してください Shopifyサービス アカウント。
• 販売チャネルセクションにあるオンラインストアオプションを選択します。
• ドロップダウン メニュー バーでテーマを選択します。
• アクションオプションをクリックします。
• 次に、ドロップダウン リストで [コードの編集] を選択します。
• セクション/ウェブページを選択してください ShopifyストアにYouTubeショート動画を追加する.
• 埋め込みコードを貼り付けて変更を保存し、プロセスを終了します。

d.) ElementorでYouTubeショート動画を追加する

• Elementor ウェブサイトのプラットフォームとして「WordPress」を選択し、「コードをコピー」をクリックします。
• あなたにサインインする Elementorのウェブサイト YouTube Shorts を追加するページに移動します。
• HTML ウィジェットを見つけるか、新しいウィジェットをページにドラッグ アンド ドロップします。
• Taggbox ウィジェットからコピーした埋め込みコードを貼り付けます。
• 変更を保存します。
• サイトをリロードすると、YouTube ウィジェットが表示されます。

e.) YouTube ShortsをSquarespaceに統合する

• あなたにログインする Squarespace アカウント。
• 目的のページに移動します SquarespaceでYouTubeショート動画を表示する
• +追加/編集ブロックをクリックします。
• ポップアップから、コードボタン。
• 次に、コピーしたコードを指定されたセクションに貼り付けます。
• 最後に、「完了」ボタンをクリックします。

f.) WixでYouTubeショート動画を表示する

• ログインしてプロセスを開始してください ウィックス アカウント。 
• ウェブページの左側にある + ボタンに移動してクリックします。
• [詳細] オプションを選択します。 
• 埋め込みセクションから HTML iframe を選択します。 
• 次に、コピーした埋め込みコードをプラットフォーム提供のコード セクションに貼り付けます。 
• 最後に、「適用」をクリックして変更を保存します。
• さあ、お楽しみください wix ウェブサイトに埋め込まれた YouTube ショート.

g.) WeeblyでYouTubeショート動画を公開する

• まずはログインして Weeblyの アカウント。 
• 埋め込みコード要素に移動します。
• ドラッグ アンド ドロップを使用して YouTube Shorts を追加します。 
• HTML ボックスを選択します。 
• 「カスタム HTML の編集」オプションを選択します。 
• コピーした埋め込みコードを貼り付けます。 
• 最後に、変更を保存してプロセスを完了します。

h.) WebflowウェブサイトにYouTubeショート動画を追加する

• 指定されたオプションから、CMS プラットフォームとして Webflow を選択します。
• 以下の埋め込みコードをコピーしてください。Webflowアカウントの管理パネルにログインしてください。
• 編集したい Web ページに移動し、ウィジェットを追加します。
• 「要素を追加」を選択し、「埋め込み」オプションまでスクロールします。
• 投稿を埋め込むウェブページに埋め込み要素をドラッグ アンド ドロップします。
• Taggbox によって生成された埋め込みコードを貼り付け、変更を保存します。
• これで完了です。リロードすると、ウィジェットがページに追加されたことがわかります。

ウェブサイトでYouTubeショート動画を表示する他の方法

1. 単一投稿用のYouTubeショート埋め込みコード

YouTube はユーザーに公式の埋め込みオプションを提供していませんが、YouTube Shorts の iframe コードを使用してショート動画を埋め込むことができます。

このステップバイステップのプロセスを試してください。

• YouTube.comにアクセスし、ウェブサイトに埋め込みたいショート動画に移動します。

• 以下を行うには、 シェアする オプションにボタンがあります。ポップアップが表示されます。 コピー リンク。

• 場所 コピーしたリンクを 指定されたコード内のタグ。

<iframe width="315" height="560" src="https://www.youtube.com/embed/shorts embed code"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture;
web-share"
allowfullscreen>
</iframe>

• 交換する 　 「ショートパンツ」 リンク先 「埋め込み」 ビデオ ID が続きます。
  (例: https://www.youtube.com/embed/vH4u5QbeM)
• また、ご購読はいつでも停止することが可能です ビデオを調整する 高さ および 幅 ご希望の寸法を指定して タグ.
• ログインする ウェブサイト構築プラットフォーム。
• に移動します セクションまたはウェブページ YouTube ショート動画を表示させたい場所。
• 貼り付ける コードをウェブサイトの HTML エディターに入力し、変更を保存します。
• これで完了です。YouTube ショート動画が正常に埋め込まれました。

注意： 現時点では、YouTube では Shorts を直接埋め込むオプションは提供されていません。

YouTubeショート動画をウェブサイトに埋め込むには、これだけです。ただし、これにはある程度の技術的な知識が必要です。さらに、この方法では一度に1つのショート動画しか埋め込むことができませんが、ソーシャルメディアアグリゲーターツールは複数のショート動画をまとめて収集、キュレーション、埋め込みます。

2. Taggbox WordPressプラグインを使用してウェブサイトでYouTubeショート動画を配信する

WordPress ユーザーは、公式プラグインを使用して最も簡単に自動更新フィードを入手できます。WordPress ユーザーは、公式プラグインを使用して最も簡単に自動更新フィードを入手できます。

• インストール」タグボックスウィジェットWordPress プラグイン リポジトリから「」をダウンロードします (無料)。
• プラグインを有効にすると、ダッシュボードに Taggbox メニューが表示されます。
• WordPress 内で Taggbox アカウントにログインするか作成します。
• 新しいフィードを作成する → YouTube を選択する → Shorts タブに切り替える → チャンネルまたは再生リストを接続する。
• 受信したショート動画を管理します（承認または非表示）。
• テーマに合わせてレイアウト、色、フォント、バナーをカスタマイズします。
• ショートコードを生成するか、Gutenberg ブロック/ウィジェットを使用します。
• 任意のページ、投稿、サイドバー、またはフッターに追加します。
• 公開 – YouTube にアップロードすると、新しいショート動画が自動的に表示されます。

ウェブサイトでYouTubeショート動画を表示する例

1) アイコン

このプロフェッショナルサービスサイトでは、Taggboxを使用して厳選されたYouTubeショート動画フィードをホームページに統合しています。縦長のショート動画は、レスポンシブなグリッドレイアウトを採用し、クライアントの声や簡単なヒントを効果的に紹介しています。ヒーローセクションの下に配置することで、ユーザーの滞在時間を長くしています。フィードは新しいショート動画で自動的に更新され、クリーンなデザインとシームレスに調和し、テキストコンテンツに視覚的な裏付けを加えています。

2) クリエイティブミュールズ

このクリエイティブエージェンシーは、ポートフォリオページに全幅のショート動画ギャラリーを設置しています。Taggboxは、チャンネルのショート動画をカルーセルに取り込み、訪問者がスワイプして閲覧できるようにしています。サイトの大胆でカラフルな美的感覚にマッチした、舞台裏コンテンツやプロジェクトのティーザーを掲載しています。埋め込みショート動画は、静的なケーススタディを、潜在顧客がスクロールし続けるような動くストーリーへと変化させます。

3) サイバーマーケット

このeコマース代理店は、サービスのランディングページにショート動画ウォールを設置しています。縦長の動画で、マーケティングのヒントやクライアントの成果を石積みレイアウトで紹介します。フィードはページ中央に配置され、テキストブロックを分割することで、すぐに価値ある情報を提供します。自動モデレートされたショート動画は、コンテンツの鮮度を維持し、専門知識を強化し、共有を促進します。

結論

ソーシャル メディアは、長年にわたって飛躍的に進化してきました。この厳しい競争で勝ち残るには、最新のインフルエンサー マーケティング手法を常に把握し、この巨大なマーケティング メディアを最大限に活用する簡単な方法を見つける必要があります。

YouTubeは、著名で影響力のあるソーシャルメディアプラットフォームです。企業の目標達成に役立ちます。また、YouTube Shortsをウェブサイトに埋め込むことで、大きな価値を得ることができます。

そして、YouTube Shorts の現在の人気を考えると、今後数年間で利益を得ることができるでしょう。