本ページではKARTE Liveで動画を再生する際の画面(※プレイヤー画面とします)関連について記載します。
- プレイヤー画面の操作方法について
- プレイヤー画面上の再生詳細について
プレイヤー画面の操作方法
1 .動画・ユーザー基本情報表示
開いている動画の発生開始時刻(KARTEユーザーのホストマシンのタイムゾーン)、ユーザーの名前とアイコン、ユーザーの閲覧開始時の詳細UA(デバイス, OS, バージョン)が表示されます。
ユーザーの名前をクリックするとユーザーストーリー画面に遷移します。
2.動画共有・別タブ表示・最小化・全画面表示終了ボタン
動画共有は動画を再生するための共有用URLを発行することができます。
- 動画のURLをコピー：そのセッションの最初から録画を再生させることができます。
- 現時点の動画のURLをコピー：現在閲覧している時点から録画を再生させることができます。
詳細についてはこちらの記事もご参照ください。
特定の動画をメンバー間で共有する
画面の最小化(ミニプレイヤー化)//最大化での表示を選択することができます。
最小化した場合は、ドラッグでKARTE画面上でプレーヤー画面を移動させることができます。
また、右上端の✕ボタンを押すとプレイヤー画面を閉じることができます。
3.プレイヤーウインドウ
実際のユーザー行動が再生されます。画面上のいずれかの場所をクリックすることで動画の停止・再生を行うことができます。
4.コメント機能（β）
動画に対してコメントを行うことができます。コメントの内容はシークバーにも反映されます。
コメント機能について詳しくはこちらのドキュメントを参照ください。
5.セッション情報
動画を開いているユーザーの直近7日間分のセッション動画を50件まで表示します。
リストをクリックすることで、別のセッション動画を見ることができます。
最上部では閲覧中の動画にラベル付与、付いているラベルも確認できます。
6.ラベル
KARTE Liveでは閲覧中の動画に任意のラベルを付けることができます。
ラベル機能詳細についてはこちらのドキュメントをご参照ください。
7.ユーザー情報
動画を開いているユーザーの情報を表示します。
ユーザーのID,来訪回数、総購入金額などのユーザーデータとユーザーが動画開始時点で属するセグメントを確認することができます。なお、ユーザーアイコン上部から該当ユーザーのストーリー画面に遷移することができます。動画を見る際にそのユーザーの詳細ステータスや行動を把握することなどに活用できます。
※該当時間帯のイベントまで直接遷移することは現状まだできません。
8. 動画の再生/停止/スキップ関連動作
左下の各アイコンから動画の再生操作をすることができます。
- 再生する/停止する: 動画の再生・一時停止を切り替えることができます。
- 15秒戻る：動画の再生時刻を15秒戻すことができます。
- 15秒進む: 動画の再生時刻を15秒進めることができます。
- 最初に戻る： 動画を0:00の開始時点に戻して始めから見直すことができます。
15秒バック・スキップは該当のシーンを探すうえで細かく再生時刻を変える時などに活用できます。
PCのキーボードの「→」「←」キーでもバック・スキップを行うことができます。
9.閲覧中のURL
プレイヤーで現在再生中の閲覧ページのURLパスが表示されます。
動画内のページ遷移にしたがって表示されるURLパスは次々変わっていきます。
また、表示URL横のアイコンをクリックするとURLをコピーすることができます。
Liveで動画を見ながら、実際のWebサイト画面を確認するときになど活用できます。
10. 動画内ページリンク
閲覧中の動画のどの秒数地点でどのページを見ているか？をまとめてリスト表示しています。
秒数部分を押すと、該当のタイミングに動画がスキップされて遷移します。
また、ページタイトル部分を押すと、実際のURLに遷移します。
動画内で特定の見たいシーンやページがあるときは、こちらのリンクを使ったショートカットが可能です。
11. 動画上のゴール検索
右下の虫眼鏡アイコンをクリックすると、動画上で最終ゴール・中間ゴールの発生タイミングをシークバー上に表示できます。発生タイミングでオレンジ色の縦棒線が表示され、閲覧中のユーザーがいつゴールしたのかをすぐ見ることができます。
12. エラーメッセージ表示
再生中の動画内で発生したエラー（Webサイト上のエラー）を表示することができます。
- iマークの横に表示される数字がエラー発生数を表しています
- iマークを押すとエラー内容が表示されます。ログレベルは「warning」「error」からそれぞれ選択できます。
- また、エラーが発生したタイミングはシークバーの赤い縦線で表示されます。
13 プレイヤー設定画面
シークバーの表示/非表示
- コメントとアクティビティ量の表示/非表示の設定ができます。
再生箇所の時間表示
- Liveプレイヤー画面の時間表示を絶対時間と相対時間に切り替えられます。
再生箇所の時間表示
- 動画再生時に未活動時間をスキップするか、しないかを選択することができます。
- デフォルトの設定は有効（未活動時間のスキップ）です。
再生速度
- 動画の再生速度を速くしたり、遅くする設定ができます。通常の速度に加え、0.5倍速/2倍速/4倍速/8倍速があります。
- なお、この設定はKARTEユーザーごとに保存されるため、次回動画を閲覧する時にも適用されます。
14. アクティビティ量
- エンドユーザーのクリック/キー入力/マウス移動/スクロールの量を数値化し、プレイヤー上のシークバーで可視化をしています。
- アクティビティ量が多い箇所ではユーザーの活動が多いので、1つ動画内でも見る箇所を定めやすくなります。
※アクティビティ数値の具体的な算出ロジックは非公開となります。
15.シークバー
動画再生中、バーをクリックすることで任意の時点から再生させることができます(※リアルタイム再生中は利用できません)。またユーザーストーリーで特定のイベントから遷移した場合、特定のイベントが発生している箇所がハイライトされています。
シークバー横の数字(1,2,3...)
- シークバーの縦軸はユーザーがブラウザで開くタブ毎にID(1,2,3...)が付与されます。
- 「１」と左端に書かれているシークバーでは「1」のタブのなかでのページ遷移行動が表示され、更にユーザーが別タブでページを開くと「2」のタブでのページ遷移行動が表示されます。
シークバー上のマウスホバー挙動
シークバー上にマウスを合わせるとそのタイミングの詳細情報が表示されます。
下記のような種類が存在します。
- 濃い緑色付きの直線バー: ユーザーがアクティブに閲覧している時間です。ホバーすると該当時間、閲覧ページタイトル、閲覧ページのURLパスが吹き出しで表示されます。
- 薄い緑色付きの直線バー: ユーザーがマウス操作なくページ閲覧している時間です。ホバーすると該当時間と共に「操作なし」と表示されます。
- グレー色付きの直線バー: ユーザーが該当タブ自体を閲覧していない時間です。ホバーすると該当時間と共に「閲覧なし」と表示されます。
プレイヤー画面でのユーザー行動の表示
KARTE Liveではユーザーのページ上の行動の流れを見ることができます。
具体的にはデバイスごとに下記のような表示が行われます。
- PC:
- ページスクロール
- ユーザーのマウスカーソルの移動(カーソルアイコンが表示され続けます)
- クリック(クリック可能箇所・未反応クリック共にユーザーのクリック時には円のポインターが表示されます)
- スマホ/タブレット:
- ページスクロール
- タップ(タップ可能箇所・未反応タップ共にユーザーのタップ時には「クリック」同様円のポインターが表示されます)