サイトを遅くしたり、レイアウトの崩れに対処したりすることなく、WordPressにFacebook動画を埋め込みたいですか？Facebook動画をウェブサイトに追加することは、コンテンツを新鮮に保ち、ソーシャルメディアからより多くの訪問者を獲得するための最も簡単な方法の1つです。
このガイドでは、WordPressにFacebook動画を埋め込む方法をステップバイステップで正確に説明します。ページビルダー、Facebook動画プラグイン、または手動埋め込みコードの3つの簡単な方法を紹介するので、あなたに最適な方法を選ぶことができます。
WordPressにFacebook動画を埋め込むことはできますか？
WordPressにFacebook動画を埋め込むことは絶対に可能です。ただし、難易度が異なるさまざまな方法があります。
WordPressサイトにFacebook動画を追加する最も簡単な方法の1つは、埋め込み動画プレーヤー機能を持つWordPressプラグインを使用することです。このガイドの後半で、この目的に最適なWordPressプラグインを2つ紹介します。
WordPressにFacebook動画を埋め込む理由
WordPressにFacebook動画を埋め込むことは、サイトを良く見せる以上の意味があります。最も優れた利点の1つは、ユーザーエクスペリエンスを向上させ、コンテンツをよりインタラクティブで魅力的なものにすることです。
さらに、ウェブサイトにFacebookから動画を埋め込むことは、ソーシャルメディアプラットフォームからサイトへのトラフィックを促進し、より長く滞在させるのに役立ちます。これにより、訪問者はあなたのビジネスについてさらに学び、提供しているものについて深く知る十分な時間を確保できます。
また、エンゲージメントが高まると直帰率を低下させることができるため、サイトの検索エンジン最適化（SEO）を改善する効果的な方法でもあります。
さらに良い点は？適切なツールを使えば、WordPressにFacebook動画を追加するのは非常に簡単です。以下のクイックリンクのいずれかをクリックして、お気に入りの方法にジャンプしてください。
SeedProdを使用してWordPressにFacebook動画を埋め込む方法
SeedProdは、初心者向けの最高のドラッグアンドドロップWordPressページビルダーです。
コードなしでカスタムページやテーマ全体を作成でき、Facebook動画、フィード、ライブストリーム用の組み込みブロックが含まれています。Facebook動画を埋め込みながらページデザインを完全に制御したい場合は、これが最も簡単な方法です。
ステップ1. SeedProdのインストールと有効化
まず、WordPressサイトにSeedProdプラグインをインストールしてアクティブ化します。
このチュートリアルでは、SeedProd Proを使用しています。これは、Facebook動画、フィード、ライブストリームを埋め込むための高度なブロックが含まれているためです。
ヘルプが必要な場合は、SeedProdのドキュメントにあるステップバイステップのインストールガイドに従ってください。
ステップ2.ランディングページまたはテーマテンプレートを選択
SeedProd を有効化したら、デザインの基盤として使用するテンプレートを選択する必要があります。SeedProd には、どちらも Facebook 動画埋め込みをサポートする 2 つのオプションがあります。
- テーマビルダー: 完全な WordPress ウェブサイトキットから始め、すべてのページとテンプレートをカスタマイズします。
- ランディングページビルダー: 既存の WordPress テーマと連携する単一のページを作成します。
このガイドでは、ランディングページビルダーを使用します。これは、ページに Facebook 動画を追加する最も簡単な方法だからです。WordPress のダッシュボードから、SeedProd » ランディングページ に移動し、新しいランディングページを追加 をクリックします。
ステップ 3. SeedProd ビルダーでテンプレートをカスタマイズする
次に、ページの目的に合ったテンプレートを選択します。SeedProd には、完全にカスタマイズ可能な数十個のプロフェッショナルにデザインされたテンプレートがあるので、希望するレイアウトに近いものを選択してください。
選択すると、テンプレートが SeedProd のドラッグ＆ドロップビルダーで開きます。右側にページのライブプレビューが表示され、左側にコンテンツブロックと設定のパネルが表示されます。
プレビュー内の見出しや画像などの要素をクリックして、テキスト、色、フォント、スペーシングを変更します。これらの簡単な編集は、Facebook 動画の埋め込みを追加する前にブランドに合わせるのに役立ちます。
ステップ 4. WordPress で Facebook 動画埋め込みブロックを追加する
いよいよ Facebook 動画を埋め込みます。SeedProd ビルダーで、左側の 高度なブロック パネルを開き、動画を表示したい場所に Facebook 動画埋め込み ブロックをドラッグします。
ブロックをクリックして設定を開きます。動画リンク フィールドに Facebook 動画の URL を貼り付けると、ライブプレビューがすぐに表示されます。再生、フルスクリーン、キャプションなどのオプションを有効にして、より良い視聴体験を提供できます。
このブロックは、単一の動画、ライブストリーム、動画プレイリストなど、あらゆる種類の Facebook コンテンツをサポートしているため、ページに合うものを埋め込むことができます。
ステップ 5. Facebook 動画ページを公開する
デザインに満足したら、SeedProd ビルダーのモバイルプレビューアイコンをクリックして、Facebook 動画ページがスマートフォンやタブレットで素晴らしく見えることを確認します。
フォントサイズやスペーシングなどを調整する必要がある場合は、モバイルビューを個別に編集できます。これにより、埋め込まれた動画がすべてのデバイスでスムーズに読み込まれ、再生されることが保証されます。
すべて準備ができたら、公開 をクリックします。
Facebook 動画ページが公開され、訪問者は WordPress サイトから直接動画を視聴、いいね、共有できるようになりました。
動画フィードプラグインを使用して WordPress に Facebook 動画を埋め込む方法
複数の Facebook 動画や完全な動画フィードを WordPress サイトに表示したい場合は、プラグインが最善の選択肢です。Smash Balloon の Custom Facebook Feed Pro は、最新の Facebook 動画、プレイリスト、ライブストリームを自動的に取得し、カスタマイズ可能なギャラリーレイアウトで表示するため、最良の選択肢です。
このプラグインを使用すると、WordPressサイトのどこにでもFacebook動画を埋め込むことができ、Facebookに新しいコンテンツを投稿するたびにフィードが自動的に更新されます。ページ、サイドバー、さらには全幅セクションに最適です。
ステップ1. カスタムFacebookフィードProプラグインのインストールと有効化
開始するには、Smash BalloonからカスタムFacebookフィードProプラグインをインストールして有効化します。WordPressダッシュボードからプラグイン » 新規追加に移動し、プラグインのzipファイルをアップロードして、今すぐインストール、次に有効化をクリックします。
次に、Facebookフィード » 設定に移動し、Smash Balloonライセンスキーを入力します。キーはSmash Balloonアカウントエリアで見つけることができます。
ステップ2. FacebookアカウントをWordPressに接続する
次に、プラグインが動画を取得できるようにFacebookアカウントを接続する必要があります。WordPressダッシュボードからFacebookフィード » すべてのフィードに移動し、新規追加をクリックします。
次の画面で、動画フィードタイプを選択し、次へをクリックします。次に、Facebookページまたはグループのどちらを接続したいかを選択します。
新規追加をクリックし、Facebookアカウントにログインして、要求された権限を付与します。これにより、プラグインはWordPressサイトに埋め込むための動画、プレイリスト、ライブストリームにアクセスできるようになります。
ステップ3. Facebook動画フィードのレイアウトを作成する
Facebookアカウントが接続されると、Smash Balloonから動画フィードのレイアウトを設定するように求められます。まず、リンクしたばかりのFacebookページまたはグループを選択し、次へをクリックします。
次に、フィードテーマとレイアウトスタイルを選択します。グリッド、カルーセル、マソンリー、または全幅動画フィードから選択できます。各オプションは完全にレスポンシブであり、任意のWordPressテーマで動作します。
特定のプレイリストから動画を表示したい場合は、続行する前にプレイリストのURLを貼り付けることができます。それ以外の場合は、フィードに選択したFacebookページまたはグループのすべての動画が含まれます。
ステップ4. Facebook動画をカスタマイズする
フィードレイアウトが設定されたら、サイトでのFacebook動画の外観をカスタマイズできます。フィードの横にある鉛筆アイコンをクリックして、Smash Balloonフィードエディターを開きます。
左側のパネルで、テンプレート、テーマ、配色、レイアウトの間隔を調整できます。その下では、ブランドに合わせてヘッダー、投稿の詳細、いいねボックス、ライトボックス設定などの要素を微調整できます。
変更はプレビューに即座に反映されるため、サイトに完全に一致するまでフィードを微調整できます。満足したら、保存をクリックして設定を保持します。
ステップ5. WordPressにFacebook動画を埋め込む
フィードの準備ができたら、WordPressサイトのどこにでも埋め込むことができます。Smash Balloonフィードエディターで、右上隅にある埋め込みボタンをクリックします。
3つのオプションが表示されます。ページに追加、ウィジェットエリアに追加、またはショートコードを使用します。サイトに最適な方法を選択してください。
フィードをページに埋め込むことを選択した場合、リストからページを選択して追加をクリックできます。次に、WordPressブロックエディターを開き、カスタムFacebookフィードブロックを追加して、フィードをプレビューします。
フィードをサイドバーやフッターに追加することもできます。外観 » ウィジェットに移動し、ウィジェットエリアにカスタムFacebookフィードブロックを追加して、保存をクリックします。
Facebookの動画フィードが公開されました。訪問者はWordPressサイトから直接動画を視聴、いいね、共有できます。
WordPressにFacebook動画を手動で埋め込む方法（プラグイン不要）
WordPressに単一のFacebook動画を埋め込むだけであれば、Facebookの組み込みiframe埋め込みコードを使用できます。この方法ではプラグインは不要ですが、カスタマイズオプションは少なく、新しい動画を公開しても自動的に更新されません。
ブログ記事やページに1回限りの動画を埋め込むのに最適ですが、複数の動画や完全なフィードを表示する場合は、上記のSeedProdまたはプラグインの方法がより効果的です。
ステップ1. Facebook動画の埋め込みコードを取得する
まず、埋め込みたいFacebook動画を開きます。動画の下にある共有ボタンをクリックし、メニューから埋め込みオプションを選択します。
Facebookがiframeコードを生成します。コードを取得をクリックしてクリップボードにコピーします。これは、次のステップでWordPressの投稿またはページに貼り付けるコードです。
ステップ2. WordPressに埋め込みコードを貼り付ける
次に、Facebook動画を表示したいWordPressの投稿またはページを開きます。ブロックエディターで、動画を配置したい場所にカスタムHTMLブロックを追加します。
Facebookからコピーしたiframe埋め込みコードをHTMLブロックに貼り付けます。次に、プレビュータブをクリックして、動画がどのように表示されるかを確認します。
表示に満足したら、公開または更新をクリックして、動画をサイトで公開します。
WordPressにFacebook動画を埋め込むことに関するFAQ
このガイドがWordPressにFacebook動画を埋め込むのに役立ったことを願っています。さらに役立つヒントやチュートリアルについては、以下のガイドをご覧ください。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
