Slide 1
Slide 1 text
WebサイトやWebサービスの
解析をしてみよう
2016.08.28 (⽇)
Grand Frontend Osaka2016 Day2
Slide 2
Slide 2 text
About me
´牧 昂拡
´株式会社グラッドキューブ エンジニア
´LiveScripter
´Node.jsマン
Slide 3
Slide 3 text
Agenda
´Webの解析/改善とは？
´Webサイト解析サービスの紹介
´SPAのサービスでGoogle Analyticsを導⼊
´イベントトラッキングでユーザの⾏動を知ろう
´よくあるウェブサイト解析⼿法
´なぜエンジニアが解析をするのか
Slide 4
Slide 4 text
´ アクセス解析とも⾔われる
´ サイトの訪問状況やユーザ⾏動などの解析を⾏い、
コンテンツの改善を⾏う
→ LPO（Landing Page Optimization）
´ マーケティング部⾨と連携して広告効果測定を⾏い、
マーケティング戦略の改善や費⽤対効果を⾼める
´ ⽇本、海外製問わず数多くの解析ツールが存在する
Webの解析/改善とは？
Slide 5
Slide 5 text
Webサイト解析サービスの紹介
Adobe Analytics
etc…
Slide 6
Slide 6 text
SPAのサービスで
Google Analyticsを導⼊
Slide 7
Slide 7 text
Google Analyticsの導⼊
´ アカウントを作って共通ビュー品の中に
トラッキングコードを設置
´ ページ遷移イベント毎にページビューイベントを実⾏
´ pathにはその時点のURLパスを動的に⼊れる
Slide 8
Slide 8 text
AngularJS上でのGoogle Analytics計測
´ Angularticsを使⽤
´ AngularJS上での計測を簡単に！
´ ページ遷移イベント（$routeChangeSuccess）を
Listenして⾃動的にpageviewイベントを送信してくれる
´ ui-routerを使⽤している場合は注意！
Slide 9
Slide 9 text
クロスデバイス分析、
ユーザ⾏動追跡ができる
´ Google AnalyticsのUser-ID機能を使⽤
´ 実はトラッキングコードを少しだけカスタマイズするだけ
´ あとはユーザーIDビューを設定画⾯から作成すれば完了！
Slide 10
Slide 10 text
ユーザーエクスプローラ
Slide 11
Slide 11 text
クロスデバイス分析
Slide 12
Slide 12 text
イベントトラッキングで
ユーザの⾏動を知ろう
Slide 13
Slide 13 text
mixpanelでイベントトラッキング！
https://mixpanel.com
Slide 14
Slide 14 text
mixpanelとは？
´ アメリカ製の解析ツール
´ イベントトラッキングでユーザ⾏動を分析できる
´ コホート（リテンション）分析や、
ネイティブアプリ・ステップメールのABテストが⾏える
´ APIはJavaScriptの他にもJava, PHP, Python, Rubyなど
多くの⾔語に対応している
´ Developer Documentation
Slide 15
Slide 15 text
さっそく導⼊してみよう
´ 共通ビュー部品にトラッキングコードを設置
´ ex）トラッキング例
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
よくあるウェブサイト解析・改善⼿法
1. KGI（Keep Goal Indicator）を設定
2. 無料でもいいので解析ツールを導⼊
3. サイトのアクセス状況（UU,PV,直帰率,滞在時間）を確認
4. - そもそも流⼊が少ない → コンテンツを充実させましょう
- 流⼊はあるけどその後に繋がらない → 5へ
5. 問題のあるページの特定、ABテストで改善策を検証
Slide 18
Slide 18 text
なぜエンジニアが解析をするのか
´ ⾃社開発のWebサービスが増加、
グロースハッカーなどかっこいい⾔葉の流⾏
´ グロースハッカーの存在意義
→ マーケティング予算をかけずにサービスを成⻑させる
´ ⾃社開発サービスは成⻑を続けていく必要がある
´ エンジニアが解析業務の⼀端を担う必要が出てくる
今こそ解析の知識を⾝に着けましょう！
Slide 19
Slide 19 text
Webサイト解析・改善ASP「SiTest」
´ https://sitest.jp
´ アクセス解析、ヒートマップ、ABテスト、EFOツールが
備わっているUI/UX改善のオールインワンアプリケーション
´ ⽉3,000PVまでは無料で利⽤可能
´ エンジニア絶賛募集中！
Slide 20
Slide 20 text
ご静聴ありがとうございました！