Beaver BuilderにYouTube動画を簡単に埋め込む方法を知りたいですか？
YouTubeの動画をサイトに表示することは、ウェブサイトの訪問者を惹きつけ、チャンネルを成長させる素晴らしい方法です。
Beaver BuilderでYouTube動画を直接埋め込むのは手間がかかり複雑なので、より簡単な方法をご紹介します。
その前に、YouTubeの動画を表示することが、あなたのサイトにとってどのようなメリットがあるのか見てみましょう。
あるいは、ここをクリックしてチュートリアルに飛ぶこともできる。
なぜBeaver BuilderにYouTube動画を埋め込むのか？
Beaver Builderのページビルダーツールを使えば、ウェブデザインの経験がゼロでも美しいウェブサイトを簡単に作成できます。
しかし、ビーバービルダーサイトのユーザーエンゲージメントを高める方法をお探しなら、訪問者にYouTube動画を見せるのが最適なソリューションです。
YouTube動画の埋め込みは、サイト訪問者の関心を維持するだけでなく、あなたのサイトにも役立ちます：
- YouTubeチャンネルを成長させ、あなた自身のビデオコンテンツを埋め込むことで、大量の再生回数と購読者を獲得する。
- 動画によるお客様の声やレビューを表示することで、商品への信頼を築き、Eコマースサイトでのコンバージョンを高めます。
- YouTubeライブストリーミングをウェブサイトに掲載することで、告知ビデオを宣伝できます。
- サイトに長く滞在してもらうことで、SEO効果を高め、より多くの潜在顧客に簡単にアプローチできます。
ビーバービルダーでYouTubeを埋め込むための最良の方法
YouTubeのコンテンツをWordPressに追加する場合、最も簡単な方法は、自動的に動画を埋め込むことができるWordPressプラグインを使用することです。
そうすれば、動画のアップロードを手作業で行ったり来たりする必要も、複雑な埋め込みコードを扱う必要もなくなる。
あらゆる選択肢の中で、YouTube Feed Proは最高のツールだ。
このプラグインを使えば、WordPressのウェブサイトにYouTubeの動画を追加するのが簡単になります。
YouTube動画のフィードを表示し、訪問者はサムネイルをクリックして興味のある動画の全文を見ることができます。
さらに、YouTube Feed ProはBeaver Builderや、Elementor、SeedProd、DiviなどのWordPressページビルダープラグインと完璧に連動します。
実際、あなたが埋め込むすべてのYouTube動画フィードは、WordPressテーマのデザインをコピーし、箱から出してすぐに美しく見えます。
さらに、YouTube Feed Proには、あなたのウェブサイトをパワーアップさせる便利な機能が満載です：
- YouTube動画のフィードを簡単に作成、カスタマイズ、埋め込むには、シンプルな3ステップのガイドフローに従うだけです。
- このプラグインを使えば、YouTubeチャンネル、ライブストリーム、プレイリスト、検索結果、単一の動画投稿を埋め込むことができる。
- YouTube Feed Proにはスマートローディング機能がついているので、好きなだけ動画を追加することができ、サイトの読み込みもこれまでと同じように速くなります。
- あらかじめ用意されたテンプレートをインポートし、ビジュアルカスタマイザーを使用することで、ユニークなデザインの美しいYouTube動画フィードを作成できます。
- すべてのYouTube動画フィードは100％レスポンシブで、携帯電話やタブレットを使用している訪問者に完璧に読み込まれます。
一番の魅力は？YouTube Feed Proには、WordPressの達人による専任のサポートチームが付属しており、いつでも手を貸してくれます。
このように、YouTube Feed Proは、YouTubeをあなたのウェブサイトに統合し、あなたのブランドを向上させるために必要なすべての機能と特徴を備えています。
実際、YouTube Feed Proは、市場で最も優れたソーシャルメディアフィードプラグインを開発したチームによって作られた。
Beaver Builder に YouTube 動画を埋め込む準備はできましたか？今すぐ YouTube Feed Pro を入手してください！
それではBeaver Builderのチュートリアルを始めましょう。
ビーバービルダーのウェブサイトにYouTubeの動画を埋め込む方法
以下のステップバイステップのチュートリアルに従うだけで、あなたのビーバービルダーのウェブサイトに美しいYouTube動画フィードを表示することができます。
ステップ1：YouTube Proプラグインのフィードをインストールする
始める準備はできましたか？まず、YouTube Feed Proを入手し、インストールしてアクティベートしてください。
プラグインをインストールする方法については、WordPressのチュートリアルを参照してください。
ステップ2：YouTube動画フィードを作成する
プラグインの準備ができたら、WordPressのダッシュボードエリアからYouTube Feed " All Feedsメニューを開きます。
次に、新規追加をクリックして、プラグインのガイドフローを開始する。
そうすると、プラグインがYouTubeフィードのタイプを選択するように尋ねます。6つのオプションから選ぶことができます：
- チャンネル
- プレイリスト
- お気に入り
- 検索
- ライブストリーム
- シングルビデオ
このガイドでは、チャンネル・フィード・タイプにした。
YouTube動画フィードの種類を選択したら、「次へ」ボタンをクリックします。
ステップ2：YouTubeアカウントに接続する
フィードを作成したら、YouTubeアカウントに接続しましょう。こうすることで、YouTube Feed Proが自動的に動画を取得し、ウェブサイトに表示することができます。
そのためには、YouTube API Keyを入力するのが最も簡単な方法です。
APIキーをまだお持ちでない方のために、YouTube APIキーの作成方法について初心者向けのチュートリアルをご用意しました。
キーを取得したら、ウェブサイトに戻り、ここでAPIキーの追加 ボタンを選択します。
最後に、YouTube APIキーをポップアップに貼り付け 、Addボタンをクリックして進みます。
その後、YouTubeのビデオフィードに使用するソースを入力します。
このソースは基本的に、ビーバービルダーのサイトに表示したいYouTubeチャンネル、プレイリスト、検索語などです。
例えば、このガイドでは、WPbeginnerYouTubeチャンネルからのビデオを埋め込みます。
そこで、単純にYouTubeチャンネルを開き、リンクの最後にあるチャンネルIDを コピーした。
このようにソースをコピーしたら、ウェブサイトに戻る。ここで、コピーしたテキストをポップアップのチャンネルIDまたはユーザー名フィールドにペーストする。
Nextボタンをクリックして次に進みます。
ステップ4：YouTube動画をカスタマイズする
ソースを接続した後は、YouTube Feed Proが残りを処理し、あなたのサイトを見るビデオフィードを自動的に作成します。
さらに、あらかじめデザインされたテンプレートを動画に埋め込むこともできる：
- デフォルト
- カルーセル
- カード
- リスト
- ギャラリー
- 最新ビデオ
- ショーケース・カルーセル
- ウィジェット
気に入ったテンプレートを選び、「次へ」ボタンをクリックして次に進む。
ビジュアルカスタマイザーでYouTubeビデオが開きます。
左側のオプションで、レイアウト、カラースキーム、ヘッダーデザイン、ビデオスタイルなどを変更できます。
さらに、右側のライブ・プレビューで変更をリアルタイムで確認できるので、カスタマイズがより簡単で正確になります。
まず、Beaver Builderサイトの動画のレイアウトを変更してみましょう。
フィードレイアウトオプションをクリックして、それを開始する。
このプラグインを使えば、YouTube動画のレイアウトを4種類から選べるようになります：
- グリッド：一度に大量のビデオを整然とした行と列で表示する。
- ギャラリー：1つの動画を目立つように表示し、その下に他のサムネイルを表示します。
- リスト動画を一列に表示することで、各動画の表示領域を広くすることができます。
- カルーセル： ビデオフィードをインタラクティブなスライドショーのカルーセルに変える
レイアウトに満足したら、Saveボタンをクリックして変更を保存します。
その後、「カスタマイズ」をクリックすれば、以前のカスタマイズ・オプションに戻ることができます。
次に、YouTube動画の上に表示されるヘッダーを変更してみよう。
左側のヘッダーオプションを選択することで可能です。
左上には、ヘッダーを有効または無効にするオプションがあります。
その下で、2種類のヘッダーを選ぶことができる：
- 標準：チャンネルアイコン、名前、説明などを表示する
- テキスト フィードの上に表示する見出しを書く
標準ヘッダーを選択した場合、チャンネル説明と 購読者数の有効・無効を選択できます。
前回同様、Saveをクリックして新しいヘッダーを保存します。
ご覧のように、ビジュアルカスタマイザーは、あなたの配色、より多くのボタンの読み込み、ビデオの数などを変更する簡単な方法を提供します。YouTube動画フィードに満足したら、もう一度保存をクリックしてください。
ステップ 5: Beaver BuilderにYouTube動画を埋め込む
Beaver BuilderサイトにYouTube動画を追加する準備はできましたか？
まず、上部にある埋め込み ボタンをクリックします。
次に、YouTubeの動画フィードを埋め込む方法がすべて表示されます。ページに埋め込むことも、サイドバーに追加することも、フッターにフィードを表示することもできます。
とりあえず、コピーボタンをクリックしてショートコードを保存してください。
次に、Beaver Builderで新しいページを作成して動画を埋め込みます。
ダッシュボードからPages " Add New メニューを開き、Launch Beaver Builder をクリックするだけです。
これでBeaver Builderプラグインのドラッグアンドドロップエディタでページが開き、右側にさまざまなコンテンツモジュールが表示されます。
左側には、現在作業中のランディングページのライブプレビューが表示されます。
ショートコードを貼り付ける前に、まず右側にあるテキストエディタモジュールを探してください。
次に、このモジュールを左側のウェブページにドロップします。
そうすると Beaver Builder がこのモジュールの追加オプションを開きます。
最後に、ショートコードをフィールドに貼り付け、「保存」をクリックする。
これだけで、YouTube Feed Pro が自動的に動画フィードを Beaver Builder サイトに追加します。上部の完了ボタンをクリックし、公開オプションを選択します。
それで終わりだ！
Beaver BuilderにYouTube動画を簡単に埋め込む方法がわかりました。これで訪問者の関心を引き、YouTubeチャンネルを盛り上げるなど、さまざまなことができるようになります。
このように、YouTube Feed Pro は、HTML やカスタム CSS などのコーディングは一切不要で、Beaver Builder ウェブサイトに YouTube 動画を埋め込む最も簡単な方法を提供します。
Beaver Builder に YouTube 動画を追加する準備はできましたか？こちらから YouTube Feed Pro を入手してください。
オンラインマーケティングをもっと活用したいなら、最高のFacebookマーケティングツールのリストをご覧ください。
このようなソーシャルメディア・マーケティングのヒントやチュートリアルについては、Twitterや Facebookでフォローしてください。
