【グランフロントエンド2016】SESSION2牧 昴拡さんによる「WebサイトやWebサービスの解析をしてみよう」

0
関西フロントエンドUG @frontkansai

【グランフロントエンド2016】SESSION2、牧 昴拡さんによる「WebサイトやWebサービスの解析をしてみよう」が始まりました。 #frontkansai

2016-08-28 14:02:30

発表資料

tk @tk_0225

先ほどの資料です/ WebサイトやWebサービスの解析をしてみよう speakerdeck.com/takahiromaki/w… #frontkansai

2016-08-28 15:00:44

ツイート

にわタコ @niwatako

WebサイトやWebサービスの解析をしてみよう #frontkansai

2016-08-28 14:02:32
にわタコ @niwatako

フロントエンドとはもしかしたら離れてしまうかもしれませんが関わりのあることなので話させていただこうと思います。 #frontkansai

2016-08-28 14:03:07
にわタコ @niwatako

アジェンダ ・Web解析・改善とは ・解析サービス紹介 ・SPAでGoogleAnalyticsを導入した話 ・イベントトラッキングでユーザー行動をしる話 ・よくあるウェブサイト解析手法 ・何故エンジニアが解析するのか #frontkansai

2016-08-28 14:04:12
にわタコ @niwatako

WEBの解析・改善とは やったことある人? #frontkansai

2016-08-28 14:04:23
にわタコ @niwatako

・アクセス解析とも言われる ・サイトの訪問状況やユーザー行動などの解析を行い、コンテンツの改善を行う(Landing Page Optimization = LPO) マーケティング部門と連携して広告効果測定とかも行い、戦略の改善や費用対効果を高める #frontkansai

2016-08-28 14:05:50
にわタコ @niwatako

国内外に数多くの解析ツールが存在している #frontkansai

2016-08-28 14:06:04
(˘・з・˘) @Chieeeeno

解析ツールはGAしか使って事ないな #frontkansai

2016-08-28 14:06:04
じゅりあん @MITLicense

10,000,000 PV/月 のサイトとか持ってない… #frontkansai

2016-08-28 14:07:22
にわタコ @niwatako

解析サービスの紹介 GoogleAnalytics(1000万PVまで無料) Yahoo!アクセス解析(広告出稿者のみ) UserLocal(ヒートマップやソーシャル解析も) Adobe Analytics mixpanel(イベントトラッキング主軸) #frontkansai

2016-08-28 14:08:40
にわタコ @niwatako

VWO(Visual Website Optimizer) HEAP eoptimizely(WEB・アプリのABテストツール) #frontkansai

2016-08-28 14:09:49
にわタコ @niwatako

SPAサービスでのGoogleAnalytics導入 #frontkansai

2016-08-28 14:10:06
にわタコ @niwatako

SPA、ぱっとみサービスエリアかパーキングエリアか見分けがつかない #frontkansai

2016-08-28 14:10:30
にわタコ @niwatako

SPAでルーティングを # 以降で指定されることも多いのではないでしょうか、これがGoogleAnalyticsでは#以降を区別出来ないのですが、ga()の第三引数に仮想パスを指定することで、そのパスとして認識してくれる。 #frontkansai

2016-08-28 14:13:20
にわタコ @niwatako

ページ遷移イベントをListenしてgaのsendを走らせるとそれぞれのページビューを計測できる。 #frontkansai

2016-08-28 14:13:23
(˘・з・˘) @Chieeeeno

Angularticsには大変お世話になってます! #frontkansai

2016-08-28 14:13:38
sai 🥝 @sairoutine

ページ遷移に合わせて ga() 関数を呼び出せばいいのか (SPA の google analytics) #frontkansai

2016-08-28 14:14:05
にわタコ @niwatako

Angularticsを使うとAngularJS上でのページ遷移イベントを自動的にListenしてpageviewイベントを送信してくれる #frontkansai

2016-08-28 14:15:09
にわタコ @niwatako

ui-routerを使用している場合は、routeChangeSuccessが走らないので、stateChangeSuccessに紐付けてrouteChangeSuccessを起こす必要がある。 #frontkansai

2016-08-28 14:15:20
(˘・з・˘) @Chieeeeno

User-ID機能なんてあるの知らなかった。。。。(-_-;) #frontkansai

2016-08-28 14:16:48