WebサイトやWebサービスの解析をしてみよう
by
takahiromaki
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご静聴ありがとうございました!