>BLOG>オンラインマニュアル(Mouseflowの使い方)>スクリーンキャスト>スクリーンキャスト:ヒートマップとヒートマップリストスクリーンキャスト:ヒートマップとヒートマップリスト2016年12月22日スクリーンキャストこちらの動画ではフィルターアプションやその他の機能を交えながらヒートマップとヒートマップリストについて説明していきます。フルスクリーンでご覧ください。context?CancelSendmessage以下意訳こちらの動画では、ヒートマップリストと一つ一つのヒートマップについて解説していきます。過去の動画にて、すでにプロジェクトウェブサイトは決めましたよね。左のメニューバー、「ヒートマップ」というボタンより私と同じ画面へ移動することができます。ヒートマップには4種類あります。「クリック」「動き」「スクロール」「アテンション」です。これらについて一つずつ見ていきましょう。エンゲージメント」「クリック」「表示時間」「スクロール率」「高さ」「サイズ」という項目があります。ボタンでメトリックスを更新することもできます。ヒートマップやメトリックスをフィルターにかけることもできます。ここでは、「/pricing」で絞ってみます。ヒートマップを見たいときは、見たいヒートマップの属する列をどこでもいいのでクリックして見てください。こちら眼球のアイコンをクリックすることによっても見ることができます。ページそのものが見たいときはこちらの矢印アイコンをクリックしてください。レコーディングのように、ヒートマップの分類してフィルターすることもできます。アメリカからこちらのサイトへ再訪問したと仮定して情報を見ることもできます。決定ボタンを押すと、自動的にリストが更新されます。ヒートマップを見て見ると、まさにその設定で検知されたヒートマップを見ることができます。リンクボタンにはすべてリンクアナリティクスが適応されています。こちらが59クリックされたときの結果です。このボタンにマウスオーバーしてみると、「クリック」、「ホバー」、「ホバーからのクリック率」、「ホバーからクリックまでの時間」、「ホバー時間」、「ホバーの順番」、「クリックした訪問者」、「ホバーするまでの時間」、「クリックされるまでの時間」などのメトリックスが出てきます。要素の比較や、バージョンの違うページでの比較に最適です。ABテストには持ってこいです。上部メニューバーよりクリックの色の鮮明さと、ヒートマップの透明率を調節することができます。同ページの別種のヒートマップを見たいときには、上のメニューバーで切り替えが可能です。日付の範囲の調整もこちらから設定可能です。前のスクリーンで紹介したメトリックスと同じものを使用したい場合には、プルダウンボタンをクリックすればすべてのアイテムを見ることができます。最後に、こちらのボタンでフルスクリーンにてヒートマップをご覧いただけます。そのページ自体へ飛ぶことができます。左上のバーから別ページへ移動してみましょう。「/pricing」というページを見てみます。今回は「ムーブメントヒートマップ」を見てみましょう。ムーブメントヒートマップは、アイトラッキングに最適なプロキシです。濃い赤で示された部分が訪問者のマウスの動きが顕著だった部分、つまりユーザーが最も興味を示している部分です。スクロールダウンすると、マウスの動きがどんどん少なくなっていることが分かりますね。今度は「スクロールヒートマップ」へ移動してみましょう。こちらのマップは最初の読み込みで訪問者にとってどれくらいが見えているのかを示しています。赤いパートは、高い確率でユーザーに見えているということを表しています。さまざまなポイントでどれくらいユーザーに見えているのかを表してくれています。平均的な折り返し地点は857pxです。最初の読み込みで857pxまでがユーザーに見られているということが言えます。最後に、「アテンションヒートマップ」ではどの箇所が最もエンゲージされやすい/されにくいのかを表しています。こちらのページでは、ナビゲーションでもページ下部でもなく、中央のテーブル部分で最もエンゲージされていることが分かりますね。マウスフローの機能で優れているのが、違うサイズのビューポートでヒートマップを観覧できる点です。画面を縮めると、自動的にそのビューポートで訪れた訪問者の情報を映し出してくれます。一定のお気に入りのセグメントやフィルターがあれば、ビューを保存することもできます。View」と保存してみます。ここではチームとシェアするのか/プライベート用にするのかについても設定することができます。設定が終わったら「保存」してください。view」をクリックすれば見ることができます。これでヒートマップとヒートマップリストについての説明は終了です。ご視聴ありがとうございました。Mouseflow(マウスフロー)の料金・価格はコチラこの記事を読んだ人は、こんな記事も読んでいます。2016年12月22日スクリーンキャスト:ウェブサイトの設定こちらのビデオでは、一見変わったウェブサイトの設定についてご説明します。フルスクリーンでご覧くださいませ。Mouseflowへようこそ。ファンネルについて見ていきましょう。前のビデオを覚えているなら私たちは実際に見るWebサイトを選択したはずです。今はすでにWebサイトが選択されている状況です。左のメニューからファンネルを選んで下さい、そうするとこの画面が見えるはずです。NEWFUNNELSをクリックします。続きを見る2016年12月22日スクリーンキャスト:ウェブリストこのビデオでは、ウェブサイトリストについて紹介します。新しいウェブサイトをアカウントに追加し、既存のウェブサイトを管理することができます。スクリーンキャストを全画面で表示することをお勧めします。mouseflowへようこそ。listについて説明します。これが、あなたがMouseflowへログインした時に表示される初めの画面です。続きを見る2016年12月22日スクリーンキャスト:ダッシュボードこのビデオでは、新しいダッシュボードについて紹介します。ここでは、あなたのウェブサイト用に作成された最近のレコーディングやヒートマップの概要を知ることができます。スクリーンキャストを全画面で表示することをお勧めします。mouseflowへようこそ。このビデオでは、ダッシュボードについて説明します。Bizlineに掲載されました。Japanに掲載されました【Mouseflow:ヒートマップで訪問者の利用動向を可視化するウェブサイト分析ツール】2017年02月22日Yahoo!ニュースに掲載されました。Mediaに掲載されました。reserved.Top。