FacebookにSNS共有した際、Facebookのタイムライン上に動画プレイヤーを
インラインで表示・再生させる方法についてご説明します。
■SNS共有時の最適化タグについて
SNSで共有された際に、動画のサムネイル画像やタイトル、説明文を表示させる事ができるようになります。
※最適化は、現在Facebookのみ対応しております。
設定手順の詳細は「配信準備」－「■SNS共有時の最適化用タグについて」(補足部分)をご参照ください。
■SNS共有時の最適化用タグの役割
SNS共有時の最適化用タグをページのヘッダー部分に組み込まない場合と、
組み込んだ場合の表示の違いをご案内いたします。
【最適化用タグを組み込んだ場合】
・シェア画面
サムネイル画像と動画のタイトルが表示されます。
・Facebookのウォール内表示
サムネイル画像とタイトル、シェア画面で入力した内容が表示されます。
サムネイル画像をクリックすると、ソーシャルプレイヤー上で動画が再生されます。
【最適化用タグを組み込まない場合】
・シェア画面
サムネイル画像は表示されず、動画掲載ページのFQDNが表示されます。
・Facebookのウォール内表示
サムネイル画像は表示されず、タイトルも表示されません。
シェア画面で入力した内容は表示されます。
また、FQDN部分をクリックすると、<a>タグにて動画掲載ページへ遷移します。
・Webページのヘッダーを変更する
「メディア管理」画面より、対象コンテンツの「共通タグ」ボタンをクリック、「SNS共有時の最適化用タグ」を選択し、
タグをコピー後、動画掲載ページのヘッダーに貼付けてください。
大まかな設定方法は「配信準備」－「■SNS共有時の最適化用タグについて」(補足部分)をご参照ください。
ここでは、設定に関する「Open Graph Protocol」の補足を行います。
「SNS共有時の最適化用タグ」の中に組み込まれている
<meta property="og:url" content="http://●●●●●●●●●●●●●●●●●●●●●●●/" />
上記URL部分に、動画掲載ページURLを入力して下さい。
このURL先の情報にて、SNSでシェアされた際に、そのページのタイトルやURL、サムネイル画像などの
meta情報を正しく表示することが可能です。
※URLの情報を取得する為、ベーシック認証等かかっているページでは正常に情報が取得できません。
「<!-- //// 以下の１０行は、facebookウォール埋め込みをしない場合は削除してください //// -->」
以下の記述は、Facebookのウォール内にソーシャルプレイヤーを埋め込み、インライン再生を行う際に必要な情報となる為、
Facebook上でインライン再生をされる際は、記述を削除しないでください。
＜制限事項＞
- 動画URLをWebページに掲載した場合、各動画のセキュリティ設定の「SNS共有時の埋め込み再生」を
「許可しない」に設定していると、Facebookでインライン再生が出来ません。 - ソーシャルプレイヤーはFlashプレイヤーとなります。
Flashプレイヤー非対応端末では、動画をご覧頂く事が出来ません。 - 動画URLではなく、scriptタグやiframeタグといった動画貼付タグをWebページに掲載してください。