ビジターレコーディングFAQ
1. VWOのレコーディングとは？どのような仕組みですか
VWOのレコーディング機能では、動画の形でビジターのWebサイト上での行動を録画できます。 マウスの軌跡やスクロール、クリックを取得することで、ユーザーがサイト上でどのような行動をするか表示します。サンプリングされたビジターに対して動作します。
2. 保存したレコーディングの最大録画時間は？
最大2時間、20ページビューまでです。2時間を超過、もしくは20ページビューより多くなった場合は、そのセッションでの録画が止まります。
3. 録画の開始タイミングは？
VWOダッシュボード上で表示されるのは、5秒以上のセッションのみです。
4. 録画されたセッションが切れるのは？
アイドル時間が30分以上になるとセッションが切れます。例えば、ビジターが30分以上アイドル状態になった場合、現在のセッションが切れます。その後、新しいセッションが開始されます。また、該当のタブかブラウザウィンドウが閉じられた場合も同様にセッションは切れます。
5. ユーザーの過去のセッションのレコーディングを見ることはできますか？
可能です。レコーディング画面下部の中央の Session には ①そのビジターのレコーディングがいくつ保存されているか表示されています。ここをクリックすると、②右サイドバーにそのユーザーのレコーディング一覧が上から古い順に表示されます。
6. レコーディングでは個人情報や機微データも録画されますか？
個人情報や扱いに配慮の必要な機微データ (sensitive data) のVWOサーバへの保存／送信を避けるため、VWOではデフォルトで全てのキープレスを隠します。
更に特定のデータを隠すため、nls_protected クラスを入力フィールドに追加すれば、その項目に入力されたデータを保存／送信しないよう指定することができます。
7. データが歪にみえたり、壊れている／抜けているように見えることがあります
これにはいくつかの要因が考えられます。
a. レコーディングの再生に必要なHTMLデータの取得に失敗したとき
ユーザーの滞在時間が5秒未満のときに起こることがあります。
b. CORS (Cross-Origin Resource Sharing) ポリシーによるもの
下記画像のようなエラーメッセージが出現する場合、拡張機能 Modheader (Chromeの場合： https://chrome.google.com/webstore/detail/modheader/idgpnmonknjnojddfkpgkljpfnnfcklj?) をインストールすることで解決します。
この拡張機能では、次の2つのパラメータを設定できます。
Access-Control-Allow-Origin = *
URL Pattern = ウェブサイトのURLパターン
設定方法は次の通りです。
ModHeader プラグインを起動
画面右上隅の ＋ をクリックし、Response header を選択
Name に Access-Control-Allow-Origin、Value に* を入力
再度＋ をクリックし、Filter を選択
URL pattern をリストから選択し、URLパターンを入力します。
c. 録画後にCSSが変更されたことで、CSSが壊れて見える場合
VWOでは、レコーディングを作るときにWebページのHTMLフアイルを保存します。サイトのCSSがレコーディングが行われた後に変更された場合、録画されたときのCSSと現在のサイトのCSSが違ってしまいます。
問題を解決するには、録画されたときのCSSを新しいバージョンにリダイレクトするか、Custom Redirects のような拡張機能をインストールします。
d. 一部のファイルが CSP (Contents Security Policy: コンテンツセキュリティポリシー)でブロックされ、結果としてレコーディングが空になる場合
下記のVWOポリシーをホワイトリスト化する必要があります。すべてホワイトリスト化した上で、再度問題が起こるか確かめて下さい。
Content-Security-Policy:
script-src 'self' 'unsafe-inline' 'unsafe-eval' dev.visualwebsiteoptimizer.com; style-src 'self' 'unsafe-inline'; img-src 'self' dev.visualwebsiteoptimizer.com; worker-src 'self' blob:
VWO’s Global Policy
default-src 'none'; script-src 'unsafe-eval' 'unsafe-inline' dev.visualwebsiteoptimizer.com app.vwo.com; style-src 'unsafe-inline' app.vwo.com;
connect-src .visualwebsiteoptimizer.com app.vwo.com;
img-src .visualwebsiteoptimizer.com app.vwo.com; worker-src blob:;
frame-src app.vwo.com; font-src app.vwo.com
VWO’s Synchronous Code Policy
default-src 'none'; script-src 'unsafe-eval' 'unsafe-inline' d5phz18u4wuww.cloudfront.netdev.visualwebsiteoptimizer.com app.vwo.com;
style-src 'unsafe-inline' app.vwo.com; connect-src .visualwebsiteoptimizer.com app.vwo.com; img-src .visualwebsiteoptimizer.com; worker-src blob:; frame-src app.vwo.com; font-src app.vwo.com
この画像では、ポリシー違反でファイルがブロックされている様子が見られます。
8. ドロップダウンメニューが表示されないことがあります
CSS Hover を利用したドロップダウンメニューは、レコーディングでは表示されません。
9. サイト上の全ページでレコーディングを行うには？
VWOではデフォルトで、VWOタグが設置されている全てのページがサンプリングの対象となります。サイト上の全ページでレコーディングを行うには、VWOタグの設置が必要となります。
10. CREATED ON で表示される日時はどのタイムゾーンですか？
レコーディング一覧 の CREATED ON で表示される作成日時は、アカウントで設定されたタイムゾーンで表示されます。タイムゾーンの設定は、画面右上の歯車ボタンをクリックし、CAMPAIGN SETTINGS > LOCALE SETTINGS から変更できます。
11. レコーディングのページビューは直接共有可能ですか？
はい。共有用URLの最後にrecordingId={PAGEVIEW_ID} のクエリパラメータを追加することで可能です。