動画と Facebook の Instant Articles

動画と Facebook の Instant Articles

先般の F8 において Facebook は「世界中のあらゆる規模の、そしてあらゆる場所に存在するすべてのパブリッシャーに Instant Articles プログラムを提供する」という発表を行いました(英文記事)。Instant Articles は、パブリッシャーがコンテンツを Facebook のモバイル アプリケーションで直接表示できる、モバイル パブリッシング フォーマットです。

モバイル デバイスでニュース コンテンツを閲覧する際、読み込みに時間がかかるという問題が増えていますが、Google の Accelerated Mobile Pages(AMP)と同様、Instant Articles もこの問題を解決しました。読み込みスピードが速く、動画コンテンツを含む充実した体験を提供できるように設計された別バージョンのコンテンツを、パブリッシャーが作成できるようにすることで実現しています。

iPhone や Android の Facebook アプリケーションで記事を共有すると、ブラウザ ウィンドウで通常のモバイル ページを表示するのではなく、Instant Article バージョンを直接 Facebook アプリケーション内で表示します。Instant Articles はニュース フィードで雷マーク付きで表示されるため、読み込みスピードが速いコンテンツとして Facebook ユーザーの間ですぐに浸透すると考えられます。

Instant Article ページを導入するパブリッシャーは、動画コンテンツも表示されることを確認してください。Brightcove Player を Instant Articles に組み込むことで、Brightcove Player での通常のパフォーマンスで動画の再生ができるだけでなく、主要な機能も維持できます。通常のサイトと同様に、プレロールとミッドロールでの広告、Video Cloud アナリティクスとサードパーティ プラグインが Instant Articles でも機能します。したがって、Facebook でのこの種の視聴に関するデータやそれに伴う収益を失うことがありません。

Search Engine Journal は、Facebook Instant Articles、Apple News、Google AMP との間で繰り広げられている市場競争や、どのパブリッシャーがどの取り組みを採用しているのか(英文記事)を追っている多くのサイトのうちの 1 つです。ブライトコーブでは、お客様が「AMP に準拠」できるようにするソリューションを発表しましたが、Instant Articles を使えばこれがさらに簡単になります。Brightcove Studio から通常の iframe 埋め込みコードを使用するだけでよくなります。

Instant Article で使用するために、プレーヤーの設定を変更する必要はありません。Studio から標準の iframe 埋め込みコードを抽出し、HTML5 <figure> 要素内に “op-interactive” クラスと共に配置して、iframe の幅と高さを指定するだけでよいのです。幅と高さはプレーヤーの絶対サイズではなく、アスペクト比を設定します。必要なのはこれだけです。完成したコードは以下のようになります。

Facebook ページがあれば、すぐに Instant Articles を使い始めることができます。Facebook のパブリッシング ツール内に提供されています。Condé Nast や Financial Times といったブライトコーブのお客様が、すでに Instant Articles を使い始めてくださっており、フィードバックを楽しみにしています。

Instant Articles での動画の可能性に関する詳細と、プラットフォームに関する一般的な情報は、Facebook の Katie Richman による Brightcove PLAY での講演(英語)を VOD でご確認ください。

ブライトコーブの革新的な HTML5 プレーヤー Perform