FacebookビデオをWordPressに追加する方法

Facebookビデオが毎日8億以上のページビューを生成することをご存知ですか？ そして、その8億は、XNUMX年前の数のXNUMX倍ですか？しかし、どのようにしてFacebookビデオをWordPressに追加しますか？

この大成功の功績は、自動ビデオ再生と好ましい視聴回数の方法論に起因する可能性がありますが、Facebookビデオが今日のビデオ消費の主要なプレーヤーであるという事実は変わりません。

このチュートリアルでは、Facebookの動画をWordPressの記事やページに統合して使用できるようにします。 WordPressエディターを使用してFacebookビデオを簡単に埋め込む方法を紹介します。さらに、たとえば自動再生を有効にするために、ビデオの特定の表示詳細を変更する方法についての情報を提供します。

最後に、最初の方法で手を汚したくない場合は、iframeを介してビデオを埋め込む最も簡単な方法も紹介します。

しかし、前に、一緒に発見しましょう WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法.

それから、私たちがここにいる理由に戻りましょう。

Facebookビデオ統合の利点

YouTubeは今後もビデオの王様であり続ける可能性がありますが、Facebookビデオを統合することにはいくつかの利点があります。たとえば、次のことができます...

ライブストリーミングをお楽しみください -Facebookが最近立ち上げた人気の新しいライブストリーミング機能を見たことがあるかもしれません。この方法で動画を埋め込むと、FacebookのライブストリーミングをWordPressのウェブサイトに埋め込むこともできます。
Facebookページのクロスプロモーション -Facebookビデオ統合は、WebサイトでFacebookページを宣伝する別の方法を提供します。すでに「 いいね または共有、Facebookから直接ビデオを埋め込むことは別の接続を提供します。もちろん、YouTubeチャンネルを宣伝しようとしている場合は、優先順位を選択する必要があります。
他のFacebookページのビデオコンテンツを整理する -投稿やページに含めたい動画をFacebookで見つけた場合、Facebookページに直接移動したい場合を除いて、埋め込みはほとんど唯一のオプションです。

「Facebookビデオ」をJavaScriptSDKと統合する方法

「Facebookビデオ」を設定するこのプロセスは非常に簡単です。ただし、テーマや設計したプラグインに小さなコードスニペットを追加する必要はありません。このコードスニペットが必要なのは、埋め込み動画に自動再生を追加するなどの気の利いたことができるからです。

ここにあります 広告の管理に使用する10の最高のWordPressプラグイン

したがって、開始するには、Facebook JavaScriptSDKをテーマのヘッダーに追加する必要があります。これは基本的に、このコードの派手な名前です。

(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

ご利用の方へ WordPressテーマコンテンツインジェクションオプションがない場合は、テーマの header.php ファイルにアクセスして、タグの直後に追加する必要があります。次のコード:

理想的には、 子テーマ このスニペットを、親ではなく子テーマのheader.phpに追加します。

WordPressにFacebookビデオを統合する方法？ このリンクをクリックして、こちらもご覧ください

このコードを一度追加すると、完了です。標準の埋め込みコードを使用して、好きな場所に動画を埋め込むことができます。

Facebookビデオを統合する方法

このXNUMX番目のコードを生成するには、共有するビデオの実際のURLを見つけて、このURLをこのスニペットに追加する必要があります。

「data-width」オプションを別の数値に変更して、ビデオの幅をピクセル単位で変更することもできます。

チュートリアルもご覧ください ワードプレスをクリックしてデータベースを最適化する方法

このURLを取得する方法はいくつかあります。ページフィードでビデオ記事を探している場合は、タイムスタンプを右クリックしてURLをコピーできます。

フルスクリーンモードでリンクを探している場合は、同じ方法でURLを見つけることができます。

実際の例を示すために、URLを追加した後の埋め込みコードは次のようになります。ビデオの幅を550pxに設定します。

このコードをWordPressエディターのテキストタブに貼り付けるだけで、ビデオを埋め込むことができます。このコードをサイドバーまたはこのコードをサポートする他の場所に追加することもできます。

記事を公開すると、埋め込まれたビデオが表示されます。

自動読み取りを有効にする方法

このようにFacebookビデオを統合することの大きな利点のXNUMXつは、自動再生「自動再生」を有効にする機能です（ミュート）と同様にFacebook上で。

記事もご覧ください ソーシャル共有15最高のWordPressのプラグイン

Facebookビデオに自動再生を追加する場合は、埋め込みコードに属性を追加するだけです。

追加する必要のある属性は次のとおりです。

データ自動再生=「true」を

完全な埋め込みコードでは、次のようになります。

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

この変更を行うと、動画は問題のページまたは投稿で自動的に再生されます。