【活用例】オンデマンド配信の視聴状況を取得する(Equipmedia)

1.Equipmediaとは

Jストリーム社の動画配信サービスです。
Synergy!ではカスタムイベント連携タグを利用して、 Equipmedia の視聴状況をSynergy!の行動履歴「カスタムイベント履歴」に格納することができます。

動画の視聴状況はEquipmedia側でもレポートを出力できますが、Synergy!と連携することで「最後まで視聴した人」「視聴途中で離脱した人」などを絞り込み、視聴してない人にリマインドする途中離脱した人に別の動画をお勧めするなどの施策を行えますので、ぜひご活用ください。

【サンプルフォームのURL】
https://ews.f.msgs.jp/webapp/form/12744_ews_617/index.do

サンプルフォームでは、Synergy!のフォーム(完了画面)でオンデマンドの動画を配信しています。※外部サイトでオンデマンド配信したり、ライブ配信することもできます。

完了画面の動画を再生することで「アクセスURL」「カスタムイベント(キー)」「カスタムイベント(値)」が行動履歴「カスタムイベント履歴」に格納される仕組みです。
このページでは上記サンプルフォームの設定方法をご紹介します。

2.Equipmediaの準備

動画をEquipmediaにアップロードし、動画配信用のscriptタグを取得してください。
※Equipmediaのご利用にはJストリーム社とのご契約が必要です。

3.Synergy!の設定

ここでは、フォームの完了画面に設置する方法を説明します。
まずは、フォームを作成し入力項目などを自由に設定してください。
フォームが作成できたら、Equipmediaで取得したタグを修正し、動画配信ページ(フォームの完了画面)に設置します。

以下はEquipmedia管理画面で取得したタグの一例です。
※動画ごとにパラメータは異なります。

<script type="text/javascript" charset="UTF-8" src="https://ssl-cache.stream.ne.jp/www50/○○○○○/jmc_pub/jmc_swf/player/t3/if.js"></script>
<script type="text/javascript">
jstream_t3.PlayerFactoryIF.create({
b:"○○○○○.eq.webcdn.stream.ne.jp/www50/○○○○○/jmc_pub/jmc_swf/player/",
c:"XXX",
m:"XXX",
s:{
hp:360,
il:"off",
pr:"0.5,0.7,1.2,1.5,2.0",
sn:"",
tg:"off",
wp:640
}});
</script>
<noscript>
<div>このコンテンツを見るためにはJavaScriptを有効にしてください。Please enable JavaScript to watch this content.</div>
</noscript>

これを手順に従って追記・修正してください。

(1)jstream_t3.PlayerFactoryIF.create({ の前にvar eqPlayer1 = を追加してvar eqPlayer1 = jstream_t3.PlayerFactoryIF.create({ に修正
追加した eqPlayer1 は、手順(4)で利用します。

複数の動画を設置する場合は、”eqPlayer1″を”eqPlayer2″、”eqPlayer3″などの別名にしてください。

(2)m:"XXX",の次行にo:{"synergyid":"(%%c1%%)"},を追加
※Equipmediaカスタム解析変数を利用しない場合は、上記タグの追加は不要です。
Equipmediaカスタム解析変数にSynergyIDを連携するため、Synergy!IDの埋め込みコマンドを設定します。これによりEquipmediaカスタム解析変数からエクスポートしたデータを、Synergy!へインポートすることができます。

(3)tg:"off",の次行にrp:"fit",を追加
※レスポンシブ対応の設定になり、上記タグの追加は任意です。利用する場合は(5)と合わせて設定してください。

(4)}});</script>の間にEQSyV1.addPlayer(eqPlayer1, {title: "テスト動画", mid: 106});を追加
テスト動画には指定したい動画のタイトルを、106には動画IDを設定してください。Synergy!の絞り込みで利用します。
動画のタイトルは、分かりやすい(半角・全角、大文字・小文字などを区別しやすい、他の動画と混同しない)名称をつけてください。
※Equipmediaに登録した動画名に合わせると管理しやすいです。

(5)先頭行に <div style="width:100%; position:relative; padding-bottom:56.25%;"> を、最終行に </div> を追加
※レスポンシブ対応の設定になり、上記タグの追加は任意です。利用する場合は(3)と合わせて設定してください。

(6)先頭の次行に <script src="/equipmedia/eq-sy.js"></script> を追加
このJavaScriptファイルの中に、カスタムイベント連携タグが含まれています。

修正後、フォームの編集画面>画面設定枠の「完了画面」の【設定】をクリックし、「完了画面のメッセージ」欄に貼り付けてください。

各種フォームの完了画面や、変更・解除フォームのログイン後(認証画面通過後)の画面で配信してください。
その他のフォーム画面に設置する場合はSynergy!で発行する「外部ID連携タグ」、外部のWebページに設置する場合は「トラッキングタグ」「外部ID連携タグ」の設置が必要です。

4.オンデマンド配信視聴状況の絞り込み

「3.Synergy!の設定」のフォームで取得したオンデマンドの動画視聴における操作・状況はカスタムイベント履歴に保存されます。

操作・挙動 カスタムイベント(キー) カスタムイベント(値)の例
初回再生 equipmedia.first_play 106,テスト動画
一時停止 equipmedia.pause 106,テスト動画
再生 equipmedia.play 106,テスト動画
再生中 equipmedia.viewing 106,テスト動画,25%(※)
視聴完了 equipmedia.complete 106,テスト動画

(※)視聴割合:0,25,50,75%を計測

視聴割合は、自動的に、0%、25%、50%、75%のタイミングで計測しますが、これをカスタマイズすることができます。
たとえば、0%、30%、60%、90%で計測したい場合は、Synergy!の設定の手順(4)で
EQSyV1.addPlayer(eqPlayer1, {title: "テスト動画", mid: 106});
としている部分を以下のように設定します。
EQSyV1.addPlayer(eqPlayer1, {title: "テスト動画", mid: 106, milestone:[0, 30, 60, 90]});

たとえば、オンデマンドの動画ID:106を視聴開始(初回再生)したが、25%も視聴せず離脱した人に、別の動画をお勧めする場合の絞り込み条件はこのようになります。
※絞り込みはエクスポートやメール配信でご利用いただけます。

動画IDは末尾にカンマをつけて「106,」「から始まる」と設定します。
※これは動画IDが1061や2106などを誤検索・誤配信しないための工夫です。
※「106,テスト動画」「等しい」と完全一致を利用する方法もあります。

視聴割合は先頭にカンマをつけて「,25%」「で終わる」と設定します。
※これは動画のタイトルで利用されている文言と誤検索・誤配信しないための工夫です。
※「106,テスト動画,25%」「等しい」と完全一致を利用する方法もあります。

5.ご利用における注意点

・ここでご紹介しているJavaScriptは、フォーム機能のフォーム、外部のWebページを対象としていますデザインカスタマイズ機能を持たないアンケート機能等には適用できない場合があります。

・一部の端末を除き、基本的にフィーチャーフォン(ガラケー)ではJavaScriptが使用できません

JavaScriptの設置方法、書き方についてはサポートの対象外としております
こちらでは活用例のご紹介を目的としており、個別の案件に対応するためのJavaScriptの書き方/設置方法や動作についてのご質問は承りかねますのであらかじめご了承ください。

・お持ちのフォームにすでにJavaScriptを使ったデザインカスタマイズを行っている場合には、こちらに掲載したスクリプトがフォームの動作に影響を及ぼす可能性があります。
JavaScriptをお使いの場合には、十分に動作検証を行ってください

この記事は参考になりましたか?
参考になった参考にならなかった
読み込み中...
この記事への評価、ご指摘がございましたらご入力ください。
※ご入力内容への回答はできません。ご質問はフォームよりお問い合わせください。