a-blog cmsとmixpanelの組み合わせがとてもステキなのでご紹介します。

1. 株式会社データファーム
岡田 孟典
a-blog cms×mixpanel
がとてもステキ。

2. 2
岡田 孟典
すまい：静岡県
つとめ：株式会社データファーム
しごと：フロントエンドエンジニア
自己紹介

3. 3
• マークアップ
• CMS構築
自己紹介
をメインにしています。

4. 4
よろしくお願いいたします。

5. はじめに

6. 6
1. Mixpanelとは
2. a-blog cmsとの組み合わせ
3. ステキな発見事例たち
レジュメ

7. 「Mixpanel」
7

8. Mixpanelとは
その１

9. 従来の
アクセス解析で知れる事
9

10. 10
• 閲覧数
• 行動(イベント)
従来の
アクセス解析で知れる事

11. 11
だと…

12. 12
• 閲覧数
• 行動(イベント)
どんな人

13. 簡単な比較
13

14. ハートランド・朝霧様
14
分析を行ったサイト

15. 15
グロナビのクリックを
調べてしました。
分析の内容

16. 16
の場合

17. 17

18. 18

19. 19
全体に対する割合が
わかる

20. 20
それぞれの内訳が
ひと目でわかる

21. 21
GoogleAnalyticsの特徴
数を詳細に
みることができる

22. 22
の場合

23. 23
People(ユーザーの一覧) 画面

24. 24
People(ユーザーの一覧) 画面
数字がない

25. 25
People(ユーザーの一覧) 画面

26. 26
People(ユーザーの一覧) 画面

27. 27
People(ユーザーの一覧) 画面
人を個別に登録
している

28. 28
People(ユーザーの一覧) 画面
クリックします

29. 29

30. 30
行動(イベント)

31. 31
その人がどういう行動をしたか
直接わかる

32. 32
mixpanelは人ベース

33. a-blog cmsとの
組合せ
その２

34. 34
mixpanelはjavascriptで
トラックを行います。

35. 35
a-blog cmsのテンプレートに書けば、
臨機応変な解析が可能に！

36. 36
例えば、フォーム

37. 37
フォームのステップ
1. 入力
2. 再入力
3. 確認
4. 送信完了

38. フォームのソース

39. フォームのソース

40. 40
ステップごとに
トラック内容を制御できる

41. 41

42. 42

43. 43

44. 44

45. 45

46. 46
Funnels

47. 47
• Touchモジュール
• IFブロック
• グローバル変数
その他にも…

48. ステキな
発見事例たち
その３

49. 問題の発見が早い！
49
ステキその１

50. こんな分析をしました
50

51. 51
フォームにmixpanelを仕込みました

52. 52
エラー画面を出したら、
トラック(追跡)。

53. 53
Cさんの行動Bさんの行動Aさんの行動
何人かの行動をみていた時…

54. 54
Cさんの行動Bさんの行動Aさんの行動
何人かの行動をみていた時…

55. 55
フォームで、
エラーを出している人が
多いようだ。

56. 56
実際数字を調べてみると
エラー率
94%超え
問題の発見が早い！

57. 意外な問題を発見できる！
57
ステキポイントその２

58. こんな分析をしました
58

59. 59

60. 60
エラーメッセージを
トラック(追跡)。

61. 61
エラーメッセージを
トラック(追跡)。

62. 62

63. 63
HTML

64. 64
HTML

65. 65
JavaScript

66. 66
Aさんの行動

67. 67
Aさんの行動

68. 68
フォームで、
同じエラーを2回出している

69. 69
フォームの必須項目は
見逃されないはず、
と思っていた…

70. 70
フォームの必須項目は
見逃されないはず、
と思っていた…

71. 71
「必須」の
デザインを変更した
ほうが良いかも…
反省…

72. 72
Mixpanelの大きな特徴
「人」が軸だからこそ、

73. 73
• 問題の発見が早くなる
• 意外な問題を発見できる
Mixpanelの大きな特徴
「人」が軸だからこそ、

74. ありがとうございました
74