サイトの表示速度を落としたり、レイアウトが崩れたりすることなく、WordPressにFacebookの動画を埋め込みたいですか？Facebook動画をウェブサイトに追加することは、コンテンツを新鮮に保ち、ソーシャルメディアからの訪問者を増やす最も簡単な方法の一つです。
このガイドでは、WordPressにFacebook動画を埋め込む方法を順を追って説明します。ページビルダーを使う方法、Facebook動画プラグインを使う方法、手動でコードを埋め込む方法の3つの簡単な方法を紹介しますので、あなたに最適な方法を選んでください。
WordPressにFacebookの動画を埋め込むことはできますか？
WordPressにFacebookの動画を埋め込むことは絶対にできます。しかし、その方法はさまざまで、難易度もさまざまです。
WordPressサイトにFacebook動画を追加する最も簡単な方法の一つは、埋め込み動画プレーヤー機能を持つWordPressプラグインを使用することです。このガイドの後半で、この作業に最適なWordPressプラグインを2つご紹介します。
なぜWordPressにFacebook動画を埋め込むのか？
WordPressにFacebookの動画を埋め込むことは、単にサイトの見栄えを良くするだけではありません。一番のメリットは、ユーザー体験を向上させ、コンテンツをよりインタラクティブで魅力的なものにすることです。
さらに、Facebookからの動画をウェブサイトに埋め込むことで、ソーシャルメディアプラットフォームからサイトへのトラフィックを促進し、そのトラフィックを長く維持することができます。これにより、訪問者はあなたのビジネスについてより深く学び、提供するものをより深く知るのに十分な時間を得ることができます。
また、エンゲージメントを高めると直帰率が下がるため、サイトの検索エンジン最適化（SEO）を改善する効果的な方法でもあります。
さらにおすすめは？WordPressにFacebook動画を追加するのは、適切なツールを使えば驚くほど簡単です。以下のクイックリンクをクリックして、お好みの方法にジャンプしてください：
SeedProdを使ってWordPressにFacebookの動画を埋め込む方法
SeedProdは、初心者のための最高のドラッグ＆ドロップWordPressページビルダーです。
コードなしでカスタムページやテーマ全体を作成でき、Facebook動画、フィード、ライブストリーム用のブロックが組み込まれている。Facebookの動画を埋め込みながら、ページのデザインを完全にコントロールしたい場合は、この方法が最も簡単です。
ステップ1.SeedProdのインストールとアクティベート
まず、WordPressサイトにSeedProdプラグインをインストールし、有効化します。
このチュートリアルでは、SeedProd Proを使用します。SeedProd Proには、Facebookの動画、フィード、ライブストリームを埋め込むための高度なブロックが含まれているからです。
ヘルプが必要な場合は、SeedProdドキュメントのステップバイステップのインストールガイドに従ってください。
ステップ2.ランディングページまたはテーマのテンプレートを選ぶ
SeedProdを有効化した後、デザインの基礎として使用するテンプレートを選ぶ必要があります。SeedProdには、Facebook動画の埋め込みをサポートする2つのオプションがあります：
- テーマビルダー：完全なWordPressウェブサイトキットから始め、すべてのページとテンプレートをカスタマイズできます。
- ランディングページビルダー：既存のWordPressテーマで動作する単一ページを構築します。
このガイドでは、ランディングページ・ビルダーを使用します。なぜなら、Facebook動画をページに追加する最も速い方法だからです。WordPressのダッシュボードから、SeedProd " Landing Pagesに行き、Add New Landing Pageをクリックする。
ステップ3.SeedProd Builderでテンプレートをカスタマイズする
次に、あなたのページの目的に合ったテンプレートを選びます。SeedProdには、完全にカスタマイズできるプロフェッショナルなデザインのテンプレートが何十種類もありますので、お望みのレイアウトに近いものを選んでください。
テンプレートを選択すると、SeedProdドラッグ＆ドロップビルダーが開きます。右側にページのライブプレビュー、左側にコンテンツブロックと設定のパネルが表示されます。
見出しや画像など、プレビュー内の任意の要素をクリックして、テキスト、色、フォント、間隔を変更できます。これらの簡単な編集は、Facebook動画の埋め込みを追加する前に、あなたのブランドに合わせるのに役立ちます。
ステップ4.WordPressにFacebook動画埋め込みブロックを追加する
いよいよFacebook動画を埋め込みます。SeedProdビルダーで、左側のAdvanced Blocksパネルを開き、Facebook Video Embedブロックを動画を表示したい場所にドラッグします。
ブロックをクリックして設定を開きます。Facebook動画のURLを動画リンク欄に貼り付けると、すぐにライブプレビューが表示されます。より良い視聴体験のために、自動再生、フルスクリーン、キャプションなどのオプションを有効にすることができます。
このブロックは、単一の動画、ライブストリーム、動画プレイリストなど、あらゆるタイプのFacebookコンテンツをサポートしているので、あなたのページに合ったものを埋め込むことができます。
ステップ5.Facebook動画ページを公開する
デザインに満足したら、SeedProdビルダーのモバイルプレビューアイコンをクリックし、Facebook動画ページが携帯電話やタブレットで見栄え良く表示されることを確認します。
フォントサイズやスペーシングのような調整が必要な場合は、モバイルビューを個別に編集できます。これにより、埋め込み動画がすべてのデバイスでスムーズに読み込まれ、再生されるようになります。
すべての準備ができたら、Publishをクリックします。
あなたのFacebook動画ページが公開され、訪問者はあなたのWordPressサイトから直接動画を見たり、「いいね！」を押したり、共有したりできるようになりました。
動画フィード・プラグインを使ってWordPressにFacebookの動画を埋め込む方法
WordPressサイトに複数のFacebook動画や完全な動画フィードを表示するには、プラグインが最適です。Smash BalloonのCustom Facebook Feed Proは、最新のFacebook動画、プレイリスト、ライブストリームを自動的に取り込み、カスタマイズ可能なギャラリーレイアウトで表示するので、一番のおすすめです。
このプラグインを使えば、WordPressサイトのどこにでもFacebookの動画を埋め込むことができ、Facebookに新しいコンテンツを投稿するたびにフィードが自動的に更新されます。ページやサイドバー、全幅のセクションにも最適です。
ステップ1.Custom Facebook Feed Proプラグインをインストールして有効化する
まず、Smash BalloonのCustom Facebook Feed Proプラグインをインストールして有効化します。WordPressのダッシュボードから、プラグイン " 新規追加に進み、プラグインのzipファイルをアップロードし、今すぐインストールをクリックし、次に有効化をクリックします。
次に、Facebook フィード " 設定にアクセスし、Smash Balloon のライセンスキーを入力します。ライセンスキーは Smash Balloon のアカウントエリアにあります。
ステップ2.FacebookアカウントをWordPressに接続する
プラグインが動画を取り込めるように、Facebookアカウントに接続する必要があります。WordPressのダッシュボードから、Facebook Feed " All Feedsに行き、Add Newをクリックします。
次の画面で、動画フィードの種類を選択し、「次へ」をクリックします。次に、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の動画を1つだけ埋め込む必要がある場合、Facebookの組み込みiframe埋め込みコードを使用することができます。この方法はプラグインを必要としませんが、カスタマイズのオプションが少なく、新しい動画を公開しても自動的に更新されません。
ブログの記事やページに単発の動画を埋め込むには理想的ですが、複数の動画や完全なフィードを表示する予定がある場合は、上記のSeedProdやプラグインの方法の方が効果的です。
ステップ1.Facebookの動画埋め込みコードを取得する
まず、埋め込みたいFacebookの動画を開きます。動画の下にある共有ボタンをクリックし、メニューから埋め込みオプションを選択します。
Facebookがiframeコードを生成します。コードを取得をクリックしてクリップボードにコピーします。これが次のステップでWordPressの投稿やページに貼り付けるコードです。
ステップ2.WordPressに埋め込みコードを貼り付ける
次に、Facebook動画を表示させたいWordPressの投稿またはページを開きます。ブロックエディターで、動画を設置したい場所にカスタムHTMLブロックを追加します。
Facebookからコピーしたiframe埋め込みコードをHTMLブロックに貼り付けます。次に、プレビュータブをクリックして、動画がどのように表示されるかを確認します。
動画が気に入ったら、PublishまたはUpdateをクリックし、サイト上で動画を公開します。
WordPressにFacebook動画を埋め込む際のFAQ
このガイドがWordPressにFacebookの動画を埋め込むのにお役に立てば幸いです。さらに役立つヒントやチュートリアルについては、以下のガイドをご覧ください：
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
