1)管理画面の「ヒートマップ登録・削除」⇒「登録」ボタンを押下。

2)以下のモーダルウィンドウが表示され、ヒートマップを導入するURLを入力し、「登録」ボタンを押下。そのあと確認アラートが表示されますが「OK」ボタンを押下。

3)登録が完了したらヒートマップ一覧に追加したURLが表示されます。

4)「Key」タブを押下すると、「ClientKey」と「ManageKey」が表示されます。導入には「ClientKey」を使用します。

5)登録したURLのファイルのheadタグ内に以下のタグを挿入してください。

<script src="https://js.heat-lab.net/v1/heatmap.js"></script>
<script>
HeatMapkey="[ここに上記4)の「ClientKey」を埋めてください]";
HeatMapFreeWord="[ここに任意の文字が入れることが可能です。用途は個人の特定やA/Bテストに使用できます]";
</script>

6)ヒートマップ化したいエレメントのclassにモニタリングするclass名を入力してください。

<div class="HeadMap_MouseMove HeadMap_MouseDown HeadMap_TouchDown HeadMap_TouchMove HeadMap_BreakAreaV HeadMap_ReadAreaV HeadMap_EndAreaV">
～～～～～　任意のコンテンツ　～～～～～
</div">

7)導入が完了いたしましたら、早速、テストしてみてください。以下画面の右側に件数がカウントされましたら導入は成功です。