YouTube フィードをウェブサイトに無料で埋め込む方法

ウェブサイトに YouTube フィードを埋め込む
読書の時間: 8

ウェブサイトのエンゲージメントを高める方法をお探しですか? ウェブサイトに YouTube 動画を埋め込むのが最適です。 

YouTube は、Google に次ぐ、主要な検索エンジン プラットフォームです。わかりやすいインターフェイスで、長い動画は訪問者を魅了します。これらのメリットを Web サイトでも享受できるとしたらどうでしょう。とても魅力的だと思いませんか? Web サイトに YouTube フィードを埋め込むことは、Web サイトのトラフィックを増やす効果的な方法です。このブログでは、それがいかに簡単かを説明します。 

ウェブサイトに YouTube を埋め込む最適な方法について説明しました。 

しかし、その前に、いくつかの基本事項を調べてみましょう。 

YouTube フィードとは何ですか? 

YouTube は、ユーザーが興味のある動画を一元的に見つけられる場所です。YouTube では、機械学習を使用して、ユーザーの視聴習慣に基づいてユーザーの興味を理解します。フィードには、ユーザーが登録しているチャンネルの動画やおすすめ動画が含まれます。ユーザーに継続的に動画コンテンツを提供するように設計されています。

ウェブサイトにYouTubeフィードを追加する
ハッシュ

YouTubeチャンネル

ハンドル

YouTubeプレイリスト

物語

Youtubeショーツ

リール

Youtubeキーワード

言及

Youtube の場所

このシナリオでは、YouTube フィードは、マーケティング目的で Web サイトで紹介される集約された YouTube 動画を指します。 

YouTube フィードを Web サイトに埋め込む方法を見てみましょう。

ウェブサイトに YouTube フィードを埋め込む方法

方法1. YouTubeフィードコードを使用する

YouTubeはユーザーを助ける ウェブサイトにYouTube動画を埋め込む サードパーティのツールを使用せずにこれを実現できます。これを実現するには、次の手順に従います。

ステップ1:へ YouTube.com 任意の Web ブラウザで。

ステップ 2: ウェブサイトに埋め込みたい YouTube ビデオを見つけます。

ウェブサイトに YouTube フィードを埋め込む

ステップ3: シェアする ボタンを見つけて 埋め込み (<>) オプションを選択します。

YouTube フィード埋め込みコード

ステップ 4: それをクリックして、指定された埋め込みコードをコピーします。

ウェブサイトに YouTube フィードを表示する

ステップ 5: 埋め込みコードを Web サイトのバックエンドに貼り付けます。

ただし、問題があります。この方法で YouTube 動画を Web サイトに埋め込むと、ウィジェットの全体的な外観をカスタマイズできません。さらに、ユーザーはフィードを自動更新することもできないため、企業は Web サイトに同じ動画が表示され続けることになります。 

方法2. YouTubeフィードを埋め込む Tagshop (推奨)

Tagshop オールインワンです UGC プラットフォーム 電子商取引企業やオンラインブランドが商品にタグを付けて公開することでユーザー生成コンテンツを活性化する 買い物可能 UGC ギャラリー 売上を伸ばすためにウェブサイトに掲載します。 

の機能についてさらに詳しくお話しします。 Tagshop 後ほどブログで。 

YouTubeフィードをウェブサイトに埋め込むには Tagshop、実行する必要がある手順は次のとおりです。 

ステップ1: YouTubeから動画を収集する

  • ログインまたはアカウントを作成 Tagshop
  • フィードに移動して、 新規追加 (Comma Separated Values) ボタンをクリックして、各々のジョブ実行の詳細(開始/停止時間、変数値など)のCSVファイルをダウンロードします。
  • 指定されたソースから、優先するソースとして YouTube を選択します。 
ウェブサイト上の YouTube フィード
  • ダイアログボックスが表示されます。「チャネルURL' をクリックしてフィードを作成します。
YouTube動画を収集する

 

  • チャンネルの URL を入力します。
  • フィードを作成「」をクリックすると、フィードが作成されたことがわかります。 

ステップ2: YouTubeウィジェットを管理する

フィードが作成されたら、Web サイトで紹介したい内容に基づいてフィードをモデレートできます。[コンテンツ] に移動し、公開、非公開、削除する投稿を選択します。 

YouTube フィード ウィジェット

高度な機能: フィードをショッピング可能にする

eコマースブランドのオーナーにとって驚きのニュースです。YouTube フィードをショッピング可能にできるようになりました。次の手順に従って YouTube フィードをショッピング可能にし、潜在的な購入者の負担を軽減してください。 

ショッピング可能な YouTube フィード
  • 商品が同期されたら、コンテンツに移動して「製品のタグ' 各製品に名前、カテゴリ、SKU でタグを付けます。
YouTube動画にタグを付ける

注意: ホットスポット機能をオンにすると、投稿内で複数の製品にタグを付けることができます。 

ステップ3: YouTubeフィードをウェブサイトに公開する

」に移動しますパブリッシュ' をクリックしてテーマを選択します。Web サイトに合ったカスタマイズ オプションと CTA ボタン。 

テーマを決めたら、「Saveサイドバーの「コードを生成」下部にあります。

YouTubeフィードを作成する

希望する CMS プラットフォームと埋め込むコードを選択します。

ウェブサイトに YouTube フィードを埋め込む
  • 埋め込みコードをウェブサイトのバックエンドに貼り付けます。
  • これで、ウェブサイトに YouTube フィードが表示されます。おめでとうございます!

YouTubeフィードは手動で追加すべきか、それとも自動で追加すべきか?比較してみましょう

要件 メソッド1。
YouTubeを使用する
メソッド2。
使い方 Tagshop
自動フィード更新 いいえ Yes  
コーディングが必要ですいいえ いいえ 
テーマとテンプレートいいえ Yes  
アドバンス機能 いいえ Yes  
ショッピング可能なビデオいいえ Yes  
製品のタグ付け いいえ Yes  
一括投稿いいえ Yes  
エンゲージメントメトリクスいいえ Yes  
カスタマイズいいえ Yes  
事前サポート いいえ Yes  
プラットフォームの互換性Yes  Yes  
時間がかかるいいえ いいえ 

ライブデモ: ウェブサイト上の YouTube フィード

YouTube動画の収集、管理、公開
ハッシュ

YouTubeチャンネル

ハンドル

YouTubeプレイリスト

物語

Youtubeショーツ

リール

Youtubeキーワード

言及

Youtube の場所

あらゆるウェブサイトに YouTube フィードを埋め込む

埋め込みコードの生成とコピー&ペーストの基本を学んだので、 Tagshopプロセスについて混乱する可能性のある別の CMS プラットフォームをお持ちの場合はどうでしょうか? 心配しないでください。 Tagshop 主要な CMS プラットフォームの 99% をサポートしています。 

1. ShopifyストアにYouTubeフィードを表示する

ShopifyストアでYouTubeフィードを表示する

Shopify ウェブサイトに YouTube 動画を埋め込む手順は以下をご覧ください。 

ステップ1: Shopify アカウントにログインします。 
ステップ2:「オンラインストア"オプション。 
ステップ 3: 次に、ドロップダウン メニューからページを選択します。YouTube 動画を公開するページに移動します。
ステップ4:貼り付ける TagshopHTML セクションに生成されたコード。 

すべての変更を保存すると、YouTube ビデオが Shopify ストアに正常に埋め込まれます。 

2. WordPressウェブサイトにYouTubeフィードを埋め込む

WordPress ウェブサイトに YouTube フィードを埋め込む

ここにあなたが従う必要があるステップがあります WordPressウェブサイトにYouTube動画を埋め込む

ステップ 1: WordPress 管理パネルにログインします。
ステップ 2: 検索に移動して、「カスタム HTML ブロック」をクリックします。
ステップ3: 生成されたコードを貼り付けます Tagshop.

これで完了です。WordPress ウェブサイトに YouTube ビデオ ウィジェットが作成されました。 

3. SquarespaceのウェブサイトにYouTubeフィードを表示する

Squarespace ウェブサイトに YouTube フィードを表示する

手順に従って SquarespaceのウェブサイトにYouTube動画を埋め込む

ステップ 1: Squarespace 管理パネルにログインします。 
ステップ 2: YouTube 動画を埋め込むページを選択するか、新しいページを作成します。 
ステップ 3: ページを編集し、「セクションの追加」を選択します。 
ステップ4: をクリックしてURL フィールドにアイコンをクリックし、ここにコードを貼り付けます。
ステップ 5: 「設定」と「適用」をクリックして変更を適用し、ウェブサイトに YouTube ウィジェットを表示します。 

4. MagentoストアにYouTubeフィードを追加する

Magento ストアに YouTube フィードを追加する

Magento ウェブサイトに YouTube ビデオを埋め込むために必要な手順は次のとおりです。 

ステップ 1: Magento ウェブサイトの管理パネルに移動します。 
ステップ 2: 左側のサイドバーから「コンテンツ」オプションを選択します。 
ステップ 3: [デザイン] セクションで、[構成] を選択します。 
ステップ 4: Web ページをデザインまたは編集します。 
ステップ 5: 下にスクロールして、「HTML ヘッド」オプションを選択します。 
ステップ 6: YouTube ビデオ コードをここに貼り付けて、変更を保存します。 

おめでとうございます。これで、Magento ウェブサイトに YouTube ビデオが掲載されました。

5. WixストアにYouTubeフィードを埋め込む

Wix ストアに YouTube フィードを埋め込む

Wix ウェブサイトに YouTube フィードを埋め込むために必要な手順は次のとおりです。 

ステップ 1: Wix 管理パネルにログインします。 
ステップ 2: 「メイン ページ」を選択し、「+」ボタンを選択します。 
ステップ 3: 下部の「その他」をクリックします。
ステップ 4: 「埋め込みコード」に移動し、「HTML の埋め込み」を選択します。 
ステップ5: 生成された埋め込みコードを貼り付けます Tagshop. 

できました! Wix ウェブサイトに YouTube ウィジェットが作成されました。 

ウェブサイトにYouTube動画を埋め込むメリット 

多くの研究でも、私たちはコンテンツの 90% を視覚的に消費していると言われています。そのため、YouTube 動画は Web サイトで使用すると効果的です。ここでは、Web サイトに YouTube 動画を追加するメリットをいくつか紹介します。ぜひご覧ください。 

1. ウェブサイトで過ごす時間を増やす

企業は、ウェブサイトでの滞在時間を伸ばすのに苦労することがよくあります。その代わりに、魅力的で楽しい YouTube 動画を効果的に活用して、訪問者の滞在時間を数分間延ばすことができます。 

2. コンバージョン率の向上

動画はビジネスにとって強力なマーケティングツールとなっています。その結果、ビジネスオーナーのYouTube動画に対する認識も変化しました。ブランドだけでなく、顧客も購入前に製品がどのように機能するかについての動画コンテンツをもっと見たいと考えています。ここでYouTubeウィジェットが登場します。企業は ユーザーが作成した YouTube 動画 信頼を築き、 社会的証明 ウェブサイト訪問者の心に印象づけ、購入を促すことができます。 

3. ランキングの向上に役立つ

直接的な要因ではないが、 ウェブサイトにYouTube動画を埋め込む ビジネスオーナーが自社のウェブサイトのランキングを上げるのに役立ちます。仕組みは次のとおりです。企業が自社のウェブサイトに YouTube 動画を埋め込むと、滞在時間が長くなり、検索エンジンの結果ページに信頼のシグナルを送るのに役立ちます。これが最終的にランキングの向上につながります。 

まとめ

ウェブサイトに YouTube 動画を埋め込むと、ユーザー エンゲージメントが大幅に向上し、売上を伸ばすことができます。YouTube 動画を埋め込む従来の無料方法はシンプルですが、新しい動画がアップロードされたときにフィードを自動更新する自由がありません。 

使い方 Tagshop YouTube動画をウェブサイトで紹介するための高度なアプローチを提供します。ウェブサイトのフィードの外観のカスタマイズから無関係なコンテンツのモデレートまで、すべては Tagshop. 

さらに、2つの方法を比較すると、 Tagshop YouTube 動画を埋め込むためのプラグインには、自動更新、商品タグ付け、エンゲージメント メトリック、コーディングなしのプラットフォーム互換性など、数多くの利点があります。

目次