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

ご静聴ありがとうございました!