単一ページのWebサイト
2016年12月19日
Mouseflowは、単一ページのWebサイト/シングルページアプリケーション(SPA)のセッション再生をサポートしています。また、従来のページナビゲーションではなく、AJAXを使用して新しいページをレンダリングする他のWebサイトもサポートしています。
DOMをリロードせずに新しいページが読み込まれた場合、Mouseflowのヒートマップが機能するために必要なステップがいくつかあります。基本的に、新しい「ページ」がレンダリングされたときにJavaScriptを呼び出す必要があります:
どう機能するか
新しい「ページ」がレンダリングされるたびに、JavaScriptが呼び出されます。 Mouseflowは引き続きセッションを記録しますが、新しいページビューを作成します。再生セッションを見ると、1つではなく多くのページで構成されていることがわかります。
利点
- 再生時にユーザーと同じコンテンツを表示することができる
- ヒートマップとリンク解析を使用して異なる仮想ページを分析することができる
- ファンネルを使用できる
- フォームを使用できる
利用方法
まず、window._mfqオブジェクトを作成する必要があります。
window._mfq = window._mfq || [];
次に、元のページと同じパスで新しいページビューを作成します。
// When a new virtual page is rendered window._mfq.push([\"newPageView\"]);
もしくは、元のページとは異なるパスでページビューを作成します。
// When a new virtual page is rendered window._mfq.push([\"newPageView\", \"/this-is-the-url-shown-in-mouseflow\"]);