仕事でクリックテールの使い方を人に教えることになったのでメモがてらまとめてみました。
グーグルアナリティクスと併せて使うことでwebサイトの問題点を効率よく改善することができます。
クリックテールの紹介
Google Analyticsは「どのページに問題があるのか？」ということが分析できて、
Clicktaleは「ページ内のどこに問題があるのか？」
ということを確認できるツールです。
ご覧の通り役割が異なるので、サイトを改善する際は両方のツールを活用します。
クリックテールで分析できる内容を詳しく見ていきましょう。
・コンテンツ熟読度
・スクロール率
・コンテンツの注目度
・クリック率
問題となる部分が分かったら現状のパターン（Aパターンとします）とは違うBパターンを作成して入れ替えます。
期間等の条件を決めて分析を行います。
結果が良かったほうを採用し、ユーザー満足度の高い=購買につながるサイト
を作り上げていきます。
ユーザーが興味を持っていないコンテンツを別のものに入れ替える。
クリックテールで改善を行う際の流れ
項目がたくさんあり、英語表記ということで使いづらそうなイメージがあるツールですが、使い方が決まっており、順番通りに操作することで慣れていない人でも簡単に扱うことが出来ます。
1.チェックする場所を決める
ECサイトの場合はページ数が多いので全てのページを１つ１つ見ていくのは困難です。
チェックする項目を決めておきましょう。
・目につく場所に設置されている特集
・ランキング上位商品
・売りたい商品
2.グーグルアナリティクスでデータを出す
調べたいページのデータをピックアップして、各項目の数字を分かるようにしてください。
デバイスごとのコンバージョン率
3.ゴールを設定する
アナリティクスのデータを元に「具体的な目標」を設定します。
クリック率を●％上げる
特定の特集の流入数を増やす etc
4.チェックするデバイスを決める
スマートフォン
PC
5.チェックする期間を決める
計測期間は複数あったほうが良い
・３ヶ月 長期でデータを取りたいとき
・１ヶ月 毎月のデータを取りたいとき
・１週間 ABテストで使用
・1日
6.結果をまとめる
結果をスクリーンショットや紙に印刷します。
数字もエクセル等でまとめてください。
7.仮設を立てる
ここが一番難しい部分です。
8.改善案を作ってテストする
改善案を用意したら５番の内容に基づいてテストを行います。
ABテストの実施はOptimizeryがあれば便利ですね。
ツールの使い方
ここではツールの細かい部分を説明します。
プロジェクトを選択
プロジェクトを選択しましょう
ダッシュボード
Heatmaps ヒートマップ
Site Monitor サイトの状態
Real-Time Monitor リアルタイムビデオ
Search Recordings 録画情報検索
Bounce Rate Analysis 直帰率分析
Visitor Recordings 訪問者の録画
Visitor Geolocation ジオロケーション
Heatmap ヒートマップ
Site Monitor サイトの状態
上の表記：サイト訪問者の平均ページビュー数
下の表記：訪問者１人あたりの平均ページビュー数
see moreをクリックで詳細を確認することができる
詳細画面の説明
Pageviews per Visitor ページビュー分析
・訪問者の平均ページビュー数
・１ページだけを見た訪問者の割合
・最後にどのページを見てページを去ったか？その割合
Engagement Time 滞在時間分析
・平均エンゲージメントタイム
・最もエンゲージメントタイムの長いページとその平均時間
Real-Time Monitor リアルタイムモニター
顧客の行動を追体験できる
Search Recordings 録画情報検索
コンバージョンユーザーでフィルターをかける
Bounce Rate Analysis 直帰率分析
Visitor Recordings 訪問者の録画
Visitor Geolocation ジオロケーション
サイトに訪れた人がどこの国から来ているかを確認できます。そして国単位に絞り込んだ上での録画された行動の一覧の抽出も可能です。重要性は低いと思います。
具体的な改善施策例
・仮説
通販トップページはどれくらい見られているのか？
改善するとしたらどこ？
4種類のヒートマップで検証。
マウスの動き
スクリーンショットのサイズの関係でファーストビューしか表示していないが、スライダーから下の部分は全くマウスの動きが見られない。
スライダー上とスライダー右部分に集中している
マウスクリック
検索ボックス周辺とスライダーページャーにクリックが集中している。
各種バナーはクリック率0.5％と低い
ユーザーの注目場所
ファーストビューと、スクリーンショット上には写っていないフッターが注目されている。ページの途中で注目されている部分がなかった。
スクロール到達度
到達度と注目場所のデータはほぼ同じだった。
結果
スライダーのページ送りボタンが一番クリックされており、
その他でクリックされている場所はページ上部のみだった。
特集などの各バナーは0.5％しかクリックされてない。
スライダーの数が多い→全部見るためにページャーをクリックという動きが多いことがわかる
・改善策
改善案１
スライダーページャーのクリック数が多い割に各バナーのクリック率が良くない
・改善案２
特集バナーのクリック率が低い
→デザインが悪い？ サイズが大きすぎる？ 特集を置くのが悪い？
→表示が入れ替わりやすいコンテンツを置く ランキング一覧 新着など
改善後は期間を決めてデータを取り、結果を元にどうするか決める。
スマホのページも分析を実施する。