Q1.シングルページアプリケーション（SPA）のサポートとはなんですか？

多くのWebサイトやWebアプリケーションは、シングルページアプリケーション（SPA）として構築されています。mouseflowはこうしたシングルページアプリケーションの統合をレコーディングスクリプトに組み込みました。

シングルページアプリケーション（SPA）とは？

シングルページアプリケーション（SPA）とは、Webブラウザ側にて、「ページの移動」を伴わないWebアプリケーションの構成です。通常のマルチページアプリケーション（MPA）は、「商品一覧」や「詳細」などのコンテンツごとに、サーバーからページを読み込みます。

いっぽう、シングルページアプリケーション（SPA）では、「シングルページ」という名称のとおり、最初に読み込んだWebページで全体の情報を取得し、その後は別のWebページを読み込まず、Javascriptによって必要なコンテンツへの差し替え・遷移をおこないます。

例：「サイトトップ＞商品＞詳細」と遷移する場合

（1）通常（マルチページアプリケーション・MPA）

「サイトトップ＞商品＞詳細」など遷移するたびに、Webページをサーバーから読み込みます。この場合、サーバーへのアクセス回数は3回です。

（2）シングルページアプリケーション（SPA）

最初にWebページにアクセスした際に、ページ全体の情報を取得します。「サイトトップ＞商品＞詳細」などのような遷移においては、必要なコンテンツ情報のみを取得、遷移が実行されます。そのためサーバーへのアクセス回数は1回となります。

つまり、シングルページアプリケーション（SPA）では、上記画像のようなWebサイト内での一連の行動を、1回のアクセスおよびサーバーからのページ読み込みにて実行できるのです。

mouseflowとシングルページアプリケーション（SPA）

ユーザーエクスペリエンスを向上させるため、mouseflowはシングルページアプリケーション（SPA）の統合をレコーディングスクリプトに組み込みました。この機能によって、ユーザーはレコーディングリストでユーザーセッションの各ユニークページビューを確認できます。

【備考】

デフォルトでは、新しい「ページ」がレンダリングされるたびに、JavaScript が呼び出されます。mouseflowは引き続きセッションの記録を続けますが、新しいページビューが作成されます。再生セッションを見ると、1ページだけではなく、多くのページで構成されていることがわかります

【利点】

• 再生中のユーザーと同じコンテンツを表示できる
• ヒートマップとリンク分析を使用して、さまざまな仮想ページを分析できます
• ファンネルが使える
• フォームが使える