プレリリース広告プラグインのテスト
概要
Brightcove Player に動画広告を表示することは、複雑な作業になることがあります。広告配信の成功には、複数のエンティティ(Brightcove Player 自体、広告サーバー、および特定の広告プラグイン)がすべて関与しています。IMA3 および FreeWheel プラグインの更新のテスト環境を提供するため、ブライトコーブはプラグインのプレリリースバージョンを入手します。このドキュメントでは、これらのプレリリースでテストする方法について説明します。
プレリリースは、ブライトコーブ Web プレーヤー開発者フォーラム、および IMA3 プラグインによる広告の更新履歴セクションで発表されます。 FreeWheelプラグインのドキュメントで広告を掲載しています。
スタジオでのIMA3のテスト
次の手順は、Studio でプレリリースの IMA3 プラグインをテストする方法を示しています。
- 安全のため、現在使用しているプラグインの現在のバージョン/プラグイン/プラグインバージョン参照.htmls を記録する必要があります。これにより、テスト前に使用していたプラグインのバージョンを復元できます。プラグインの最新バージョンはプラグインバージョンリファレンスのドキュメントでいつでも見つけることができます。
- を開きますプレイヤーモジュールを作成し、新しいプレーヤーを作成するか、プラグインを追加するプレーヤーを見つけます。
- プレーヤーのリンクをクリックして、プレイヤーのプロパティを開きます。
- 左側のナビゲーションメニューで [ 広告 ] をクリックします。
- [ クライアント側を有効にする (IMA)] のチェックを外します。すぐに手動でロードするバージョンに干渉する可能性があるため、この機能を有効にしないでください。
- [ 保存] をクリックします。
- 左側のナビゲーションメニューで [ プラグイン ] をクリックします。
- 次に、[ プラグインを追加] をクリックします。
- [ プラグイン名 ] に、と入力します
ima3
。 - JavaScript URL には、プレリリースの JavaScript ファイルへの URL を入力します。
- CSS の URL には、プレリリース CSS ファイルへの URL を入力します。
- [ オプション (JSON)]テキストボックスに構成オプションを入力します。 Plugins セクションを使用して IMA3 プラグインを設定したことがある場合は、ほとんどの場合、オプションを変更する必要はありません。
- [ 保存] をクリックします。
- プレーヤーを使用するには、[ 公開して埋め込む] をクリックします。プレビュープレーヤーを使用してテストするか、公開済みプレーヤーを公開して使用できます。。
- 開くダイアログを閉じるには、[ 閉じる] をクリックします。
スタジオでFreeWheelをテストする
次の手順は、Studio でプレリリースの FreeWheel プラグインをテストする方法を示しています。
- 安全のために、現在使用しているプラグインの現在のバージョンを記録する必要があります。これにより、テスト前に使用していたプラグインのバージョンを復元できます。プラグインの最新バージョンはプラグインバージョンリファレンスのドキュメントでいつでも見つけることができます。
- を開きますプレイヤーモジュールを作成し、新しいプレーヤーを作成するか、プラグインを追加するプレーヤーを見つけます。
- プレーヤーのリンクをクリックして、プレイヤーのプロパティを開きます。
- 左側のナビゲーションメニューで [ プラグイン ] をクリックします。
- 次に、[ プラグインを追加] をクリックします。プラグインのリストに FreeWheelPlugin が表示されている場合は、それをクリックします。
- [ プラグイン名 ] に、と入力します
FreeWheelPlugin
。 - JavaScript の URL には、プレリリースの JavaScript ファイルへの URL を入力します。
- CSS の URL には、プレリリース CSS ファイルへの URL を入力します。
- [ オプション (JSON)] テキストボックスに構成オプションを入力します。[ プラグイン ] セクションを使用して FreeWheel プラグインを設定したことがある場合は、ほとんどの場合、オプションを変更する必要はありません。
- [ 保存] をクリックします。
- プレーヤーを使用するには、[ 公開して埋め込む] をクリックします。プレビュープレーヤーを使用してテストするか、公開済みプレーヤーを公開して使用できます。。
- 開くダイアログを閉じるには、[ 閉じる] をクリックします。
プログラムによる実装のテスト
プログラムによってプラグインを実装した場所のテストは、IMA3 プラグインでも FreeWheel プラグインを使用している場合でも、同じです。基本的には、JavaScript および CSS ファイルへの既存のパスをプレリリースバージョンのパスに置き換えるだけです。このタスクを実行する手順は次のとおりです。
- 安全のため、現在使用しているプラグインの現在のバージョンを記録する必要があります。これにより、テスト前に使用していたプラグインのバージョンを復元できます。プラグインの最新バージョンは、「プラグインバージョンリファレンス」ドキュメントでいつでも見つけることができます。
- コード内で、適切なプラグインの CSS
<link>
と JavaScript<script>
を取り込むタグとタグを見つけます。以下のコードでは、IMA3 プラグインの例が強調表示されます。 - これらのパスをプレリリースバージョンに置き換えます。
- ページを更新すると、プレリリース版を使用します。
- テストが完了したら、記録されたパスを使用して JavaScript および CSS ファイルへのパスを再度編集し、元の設定を復元します。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>IMA3 Plugin Code Example</title>
<style>
.video-js {
height: 344px;
width: 610px;
}
</style>
<link href="https://players.brightcove.net/videojs-ima3/3/videojs.ima3.min.css" rel="stylesheet">
</head>
<body>
<video-js id="myVideoID"
data-video-id="3851380732001"
data-account="1752604059001"
data-player="Hy3gDJHu"
data-embed="default"
class="video-js"
controls></video-js>
<script src="https://players.brightcove.net/1752604059001/Hy3gDJHu_default/index.min.js"></script>
<script src="https://players.brightcove.net/videojs-ima3/3/videojs.ima3.min.js"></script>
<script>
var myPlayer;
bc('myPlayerID').ima3({
serverUrl: 'http://solutions.brightcove.com/bcls/brightcove-player/vmap/simple-vmap.xml';
});
videojs.getPlayer('myPlayerID').ready(function() {
myPlayer = this;
...
});
</script>
</body>
</html>