http://yahoo-ds-event.connpass.com/event/22045/

1. ソリューション本部
PVやUBからでは⾒見見えてこない
ユーザー⾏行行動の可視化

2. 1. クリックマップから⾒見見えたもの
2. 検索索データから⾒見見えたユーザー⾏行行動
本⽇日ご紹介するテーマ

3. 内容
エンジニア発信で⽣生まれた
プロダクトをご紹介します。

4. 1. クリックマップについて
2. 検索索データから⾒見見えたユーザー⾏行行動
本⽇日ご紹介するテーマ

5. データ＆サイエンスソリューション統括本部
ソリューション技術
伊藤 駿也
クリックマップについて

6. 1. クリックマップとは
1. 提供している機能の種類
2. クリックマップが⽣生まれた経緯
3. 技術的なこと
2. 事例例紹介
⽬目次

7. • ヒートマップを利利⽤用したユーザー⾏行行動の可視化
• いくつかあるレポートの中の１機能を呼称
クリックマップとは

8. クリックマップ
誤タップ
スクロール
アテンション
ビューアブル
タイムライン
提供している機能

9. • グラフや表などを⽤用いて数値を⾒見見せる
• PVやUB、リンクのクリック数、離離脱など
クリックマップが⽣生まれた経緯

10. 閲覧・PV,UB
遷移・クリック,離離脱
ページ内で
何をしているの
だろう？
ユーザー
とりあえ
ず⼀一番下
まで⾒見見る⼈人
話題を
よく⾒見見る⼈人
クリックマップが⽣生まれた経緯
サービス
新しい機能
に気づいて
もらえてる
かな？

11. • 技術的課題
– ログの取得
• 各種⾏行行動イベント情報の取得
– 集計・可視化
• 単純な数値ではなく⾒見見てわかるように
• そして可視化に合わせた集計
技術的なこと

12. ページ訪問
⾒見見ている位置の取得
スクロール動作
位置取得
クリック動作
位置取得
• ページ訪問
• ⾒見見ている位置情報
• スクロール位置情報
• ⾒見見ている位置情報
• クリック位置情報
• ページから離離脱
技術的なこと -‐‑‒ ログを取る

13. 技術的なこと -‐‑‒ 可視化する

14. 実際に利利⽤用した事例例
■news Hack
Yahoo!ニュースの⾒見見出し⾏行行間「5ピクセルの差」に⾒見見えた光〜～ヒートマップでUI改善
http://staffblog.news.yahoo.co.jp/newshack/smptop_̲title_̲abtest.html
タブの切切り替えをスムーズに⾏行行えるように
切切り替えに反応する領領域を広げてみた事例例

15. 1. クリックマップについて
2. 検索索データから⾒見見えたユーザー⾏行行動
本⽇日ご紹介するテーマ

16. データ＆サイエンスソリューション統括本部
ソリューション技術
坪内 健
検索索データから
⾒見見えたユーザー⾏行行動
〜～検索索クエリの活⽤用事例例〜～

17. トレンドを知る

18. • 検索索数の推移はクエリによって異異なる
検索索数の推移
time
検
索
数
メジャークエリ
急上昇クエリ
じわじわ検索数
上昇クエリ
←これが知りたい！

19. • 分かったこと
– 季節性(周期性)のクエリ
– 流流⾏行行しはじめているクエリ
• 様々なサービスで活⽤用
– 検索索結果画⾯面の品質向上として
– 特集ページのコンテンツとして
– ・・・
活⽤用事例例
- クリスマス
- 年賀状
- スタッドレス
- おそ松さん
- プニプニ
- ・・・
じわじわ検索数
上昇クエリ

20. • クエリデータには、ユーザ意図が多く含まれている
• 検索索数の推移を⾒見見るだけで、様々な課題を解決できる
最後に