単一ページのWebサイト

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\"]);