プレーヤー埋め込みコードへのアプリケーション ID の追加

このトピックでは、プレーヤーの公開コードにアプリケーション ID を追加する方法について説明します。アプリケーション ID を使用すると、サイト内で Brightcove プレーヤーがどこで使用されているかを識別できます。

これまで、公開者はサイト内の異なる場所や複数のサイトで利用するために、名前の異なるプレーヤーを新たに作成することが一般的でした。 プレーヤー分析を行う際、プレーヤー名が異なることで、どのプレーヤーが最も再生されているかを判断しやすくなっていました。 アプリケーション ID を使用すると、同じプレーヤーをサイト全体（または複数サイト）で利用しつつ、プレーヤーがどこに公開されているかを識別できます。 また、アプリケーション ID を使用することで、作成および管理するプレーヤー数を減らすことができます。

アプリケーション ID の値は任意であり、利用ケースに応じて自由に設定できます。 ID が表示されるのはアナリティクスのみで、プレーヤー名にアプリケーション ID がハイフン付きで付加されます。 プレーヤー分析を確認する際、アプリケーション ID はプレーヤー名の末尾にハイフンに続いて表示されます。

Application ID

埋め込みコードへのアプリケーション ID の追加

アプリケーション ID は、iframe 埋め込みコードと Videoタグ埋め込みコードのいずれにも設定できます。

iframe 埋め込みコード

iframe 埋め込みコードでは、applicationId というクエリ パラメーターを追加してアプリケーション ID を設定します。

      <iframe src="https://players.brightcove.net/1486906377/4JCvhGGFl_default/index.html?
        videoId=4817252701001&applicationId=Brightcove%20Support%20Doc"
        allowfullscreen
        webkitallowfullscreen
        mozallowfullscreen></iframe>

Videoタグ埋め込みコード

Videoタグ埋め込みコードでは、data-application-id 属性にアプリケーションを識別する値を設定します。 なお、Videoタグ埋め込みコードではこの属性が自動的に追加されるため、値を設定するだけで構いません。 

      <video-js data-video-id="4817252701001"
        data-account="1486906377"
        data-player="4JCvhGGFl"
        data-application-id="Brightcove Support Doc"
        data-embed="default" class="video-js" controls></video-js>
      <script src="//players.brightcove.net/1486906377/4JCvhGGFl_default/index.min.js"></script>