「クリックデータ」は、やユーザーの行動を把握する上で重要なページ内の各要素の「クリック数とクリック率」を「実数値と色」で視覚化します。
実数値のランキングで、どのリンクやボタンが最もクリックされているのかすぐにわかります。
💡 「クリックデータ」は、他のヒートマップでは確認できない「格納されたメニューの項目などの隠れた要素」の「クリック数」と「クリック率」も確認できます。 |
❗️「クリックされた要素」は「CSS セレクタ」で特定します。 「CSS セレクタ」がクリック時にスクリプトで変更される要素はデータを計測できません。 |
❗️「クリックされた要素」に「click イベント」、「scroll イベント」などの JavaScript が実装されていると、数値を正しく計測できない場合があります。 |
ページ移動のリンクや購入ボタンなど、次の行動を促すCTA(行動喚起)要素の「クリック数とクリック率」を定量的に分析してユーザーの行動を正しく把握できれば、高いコンバージョンと優れたユーザビリティのサイトに改善できます。
パソコンで表示されるページを分析できます。
💡初期状態では「すべてのリンク要素」のクリックデータを表示しています。 「id が設定されたリンク要素のみ」や「リンク以外の要素」のクリックデータを表示したいときは、「クリックデータ」の表示情報を設定する」をご確認ください。 |
1.「ヒートマップ」画面を開く
「クリックデータ」で分析したいページの右側の[ヒートマップ]ボタンをクリックします。
2.「クリックデータ」を表示する
[表示情報]のメニューから「クリックデータ」を選択します。
3.「クリックデータ」でページを分析する
「クリックデータ」は、サイト訪問者がリンクやコンバージョンにつながるCTA(行動喚起)要素を正しく認識して、何回クリックしたかを分析できます。
「クリックされた要素の一覧」を閉じた状態
①[ページ一覧] | 「ページ一覧」画面に移動します。 | |
②[ダッシュボード] |
「ダッシュボード」画面に移動します。 |
|
ページの表示 | ③ 現在表示しているページのタイトル | 現在ヒートマップを表示しているページのタイトル |
④ 現在表示しているページのURL | 現在ヒートマップを表示しているページのURL | |
⑤[(お気に入り)] | (お気に入り)の[オン/オフ]を設定します。 [オン]:お気に入りのページ [オフ]:お気に入りではないページ |
|
⑥[(ページを選択)] |
「ページを選択」ダイアログを開きます。 詳しくは「ページを選択する」をご確認ください。 |
|
⑦[デバイス] | ページを表示するデバイスを切り替えます。 詳しくは「ページを表示するデバイスを切り替える」をご確認ください。 |
|
⑧[ページの表示サイズ] | スライダーを操作してページの表示サイズを調整します。 詳しくは「ページの表示サイズ(倍率・横幅)を調整する」をご確認ください。 |
|
⑨[同時スクロール] | ヒートマップを「並べて比較」した際に複数のヒートマップを同時スクロールします。 最大3つ並べて比較することが可能です。 |
|
⑩[ページの表示設定] | ページが正しく表示されないときに設定を変更します。 詳しくは「ページの表示方法を設定する」をご確認ください。 |
|
⑪[スクロールデータ] | このページの「スクロールデータ」に移動します。 | |
ヒートマップ | ⑫[セグメント] | 現在選択している「セグメント」と「セグメントのセッションの数」 クリックすると「セグメントを選択する」ダイアログを開きます。 |
⑬ デバイスごとのPV | 現在ヒートマップを表示しているページで計測したデバイスごとのPVの回数 | |
⑭[表示する期間] | タッチアクションを表示する集計データを期間で絞り込みます。 詳しくは「「期間」を設定する」をご確認ください。
|
|
⑮[並べて比較] | 異なる条件(ヒートマップの種類・セグメント・表示する期間)を組み合わせたヒートマップを、最大3つ並べて比較できます。 詳しくは「ヒートマップを並べて比較する」、「異なる「ヒートマップの種類」の「ヒートマップ」を並べて比較する」、「異なる「表示する期間」の「ヒートマップ」/「スクロールデータ」を並べて比較する」、「異なる「セグメント」の「ヒートマップ」/「スクロールデータ」を並べて比較する」をご確認ください。 |
|
⑯[ABテストを新規作成] | ABテストを新規作成します。 | |
⑰[パーソナライズを新規作成] | パーソナライズを新規作成します。 | |
⑱[表示情報] |
ページ上に表示するヒートマップの種類を切り替えます。 | |
⑲[表示情報の設定] | ヒートマップの表示情報を設定します。 詳しくは「ヒートマップの表示情報を設定する」をご確認ください。 |
|
⑳[集計方法] | クリックデータの集計方法を切り替えます。 集計方法によって「クリック率」を算出する計算式が変わります。詳しくは「「クリックデータ/タップデータ」の集計方法を変更する」をご確認ください。 同じ要素に対するすべてのクリックを集計: 設定中の[セグメント]・[表示する期間]における、「すべての訪問者の、すべてのクリック」を集計します。 [クリック率]の計算式:確認したい要素へのすべてのクリック ÷ PV数 同じ要素に対する複数回のクリックを除いて集計: 設定中の[セグメント]・[表示する期間]における、「PVごとの、集計の対象となる同じ要素への複数回のクリックを除いて」集計します。 [クリック率]の計算式:確認したい要素へのPVごとの最大1回のクリックの合計 ÷ PV数 |
|
㉑[クリックされた要素の一覧] | クリックされた要素の詳しい情報を一覧から確認します。 | |
㉒[ページ情報] | 現在ヒートマップを表示しているページの詳しい情報を表示します。 詳しくは「ヒートマップを見ながらページの詳しい情報を確認する」をご確認ください。 |
|
㉓[別ウインドウで表示] | ヒートマップを表示したまま、ページを別ウインドウで表示します。 詳しくは「ヒートマップを別ウインドウで表示する」をご確認ください。 |
|
㉔[クリックされた要素] | ページ内でクリックされた要素に、クリックされた回数に応じた色の枠を表示します。 クリックされた回数が多いほど赤く、少ないほど青く表示します。 クリックされた回数: 多い←■■■■■■→少ない ホバーすると、サマリー情報(「クリック数」・「クリック率」・「要素のタグ.属性値」)をプレビュー上で確認できるポップアップを表示します。 クリックすると、[クリックされた要素の一覧]を開いて、一覧上で詳しい情報を確認できます。 |
|
㉕ 通し番号 | クリックされた要素ごとに割り当てられた「通し番号」
|
|
㉖ ヒートマップとページのプレビュー | ヒートマップを表示しているページのプレビュー |
「クリックされた要素」をホバーして、サマリー情報のポップアップを表示した状態
サマリー情報のポップアップ | ① サマリー情報のポップアップ | ホバーしている要素のサマリー情報をプレビュー上で確認できます。 ホバーが外れると表示が消えます。 |
② 通し番号 | ホバーしている要素に割り当てられた「通し番号」
|
|
③ クリック数 | 設定中の[セグメント]・[表示する期間]・[表示中の要素]における、ホバーしている要素がクリックされた回数 | |
④ クリック率 | 設定中の[セグメント]・[表示する期間]・[表示中の要素]・[集計方法]における、表示中のページのPV数に対する、ホバーしている要素のクリック数の割合 「クリック率」を算出する計算式は[集計方法]の設定で変化します。詳しくは「「クリックデータ/タップデータ」の集計方法を変更する」をご確認ください。 |
|
⑤ タグ.属性値 | ホバーしている要素の「タグ.属性値」 |
「クリックされた要素の一覧」を開いた状態
①[クリックされた要素の一覧] | クリックすると「クリックされた要素の一覧」を閉じます。 | |
クリックされた要素の一覧 | ② 表示中の要素 | [表示情報の設定]で設定中の「クリックされた要素の一覧」とプレビュー上に表示している「クリックされた要素」の情報です。 すべてのリンク要素: ページ上の「すべてのリンク要素」の中で、クリックされた要素を表示しています。 id が設定されたリンク要素: ページ上の「id タグが設定された要素」の中で、クリックされた要素を表示しています。 リンク以外の要素: ページ上の「リンク以外の要素」の中で、クリックされた要素を表示しています。 すべてのリンク要素, リンク以外の要素: ページ上の「すべてのリンク要素」と「リンク以外の要素」の中で、クリックされた要素を表示しています。 id が設定されたリンク要素, リンク以外の要素: ページ上の「id タグが設定された要素」と「リンク以外の要素」の中で、クリックされた要素を表示しています。 表示の変更について詳しくは「ヒートマップの表示情報を設定する」をご確認ください。 |
③[CSV形式で一覧を出力] | 表示中の「クリックされた要素の一覧」のCSVファイルをダウンロードできます。 | |
④ 通し番号 | ホバーしている要素に割り当てられた「通し番号」
|
|
⑤ タグ.属性値 | クリックされた要素の「タグ.属性値」 クリックすると、プレビュー上に該当する要素を表示してフォーカスします。 格納されたメニューの項目などの「隠れた要素」を表示させるには、画面を直接操作してください。
|
|
⑥ alt / 内容 | クリックされた要素の「alt タグの文字列」または「ソースコードから取得した要素の内容を判別できる情報」 | |
⑦ クリック数 | 設定中の[セグメント]・[表示する期間]・[集計方法]における、要素がクリックされた回数 | |
⑧ クリック率 | 設定中の[セグメント]・[表示する期間]・[表示中の要素]・[集計方法]における、表示中のページのPV数に対する、ホバーしている要素のクリック数の割合 「クリック率」を算出する計算式は[集計方法]の設定で変化します。詳しくは「「クリックデータ/タップデータ」の集計方法を変更する」をご確認ください。 |