Oisix勉強会 google analiticsapiを使用したサイト開発例
Transcript of Oisix勉強会 google analiticsapiを使用したサイト開発例
GoogleAnalytics API 活用事例
2011/6/10
Oisix システム本部
普川泰如 twitter id:taipuka0
oistudy #1
oistudy #1
普川泰如 (ふかわたいすけ) twitter id:taipuka0
Oisix システム 副部長
oistudy #1
自己紹介
システム会社で勤めたあと、おいしいものを求めて
Oisixへ入社
最近のはやり:うどん打ち
GoogleAnalyticsは
Googleが提供する
無料のサイトアクセス解析ツール
oistudy #1
GoogleAnalytics の スクリーンショット
oistudy #1
GoogleAnalytics を Oisixはかなり使ってます。
(Oisixでの) Good Point:
・無料(通常月間500万PVまでだがAdwords利用で無制限)
・ユーザ部門でも使えるわかりやすいUI
・機能追加が頻繁に行われる
API、ページ速度解析、アドバンスドサーチ
・解析速度が早い(以前利用していたClickTracks比較)
oistudy #1
GoogleAnalytics の
(Oisixでの) Bad Point:
・タグ記述(ビーコン)方式のため、サイト表示に
影響がでる(非同期型を使用しない場合)
・タグが表示される前に離脱されると、計測できない
・生ログが取得できない
・計測結果更新にタイムラグがある
oistudy #1
OisixでのGoogleAnalytics利用例
・新規獲得ページでの購入フロー分析
・商品販売ページのCTR,CVR分析
・販促メールの効果測定
・主要な導線ページのPV、UU計測
・新しいページ、機能を追加した際の効果検証
・2~4回目購入者のPV
oistudy #1
新たに GoogleAnalytics API を利用した。
利用したのは DataExport API
API経由でGoogleAnalyticsのデータを取得可能
oistudy #1
今回は GoogleAnalytics API を
Yahoo!さんとの連携で利用
×
oistudy #1
×
サイト連携について
1.ID連携 ・・・ Yahoo!IDでOisixのサイトにログイン
2.決済連携 ・・・Yahoo!ウォレットがOisixサイトで利用可能
3.ポイント連携 ・・・OisixサイトでYahoo!ポイントが利用可能
購入金額に応じてYahoo!ポイントを付与
4.Yahoo!リスティング連携 ・・・
Yahoo!ショッピング の検索結果にOisixの商品を表示
oistudy #1
食品カテゴリ で “きゅうり” での 検索例 6/12
oistudy #1
ランディングページ
oistudy #1
なぜGoogleAnalytics API を利用したか?
→Yahoo!リスティングの表示順位を上げる
のに各商品ごとのPV数を提供する必要があった
oistudy #1
GoogleAnalytics API採用理由
・他のPVデータよりもより実装が簡単に行える
・社内のPVデータもGoogleAnalytics利用して
おり、データの整合性が保たれる
Yahooリスティング経由のPV数は約4倍になった
2011年 1月 月間PV:6,000程度
(Yahoo!リスティング連携開始当初)
↓
2011年 5月 月間PV:23,000程度 まで上昇
oistudy #1
システム連携イメージ
商品別PV情報
商品情報
売上情報
Oisix内DB
GoogleAnalytics APIで取得
Yahoo!
連携バッチ
プログラム
Yahoo!
リスティングDB
各ショップの
商品情報
Yahoo!へ
データ
送信
oistudy #1
GoogleAnalyticsAPI プログラムの概要
1) 認証 (サイト利用時のユーザID/パスワード)
2) データ取得クエリ作成 使用する項目、プロファイル、取得件数など
3) クエリ発行、データ取得
oistudy #1
実際の API 連携のソースコード
AnalyticsService analyticsService = prepareService();
DataQuery query = null;
query = new DataQuery(new URL(DATA_FEED_URL));
query.setStartDate(formatedDate(startDate));
query.setEndDate(formatedDate(endDate));
query.setDimensions(DIMENSIONS);
query.setMetrics(PAGEVIEW_METRICS);
query.setIds(TABLE_ID);
query.setMaxResults(MAX_RESULTS);
query.setFilters("ga:pagePath=~" + pagePathFilter);
// Make a request to the API, using DataFeed class as the second parameter.
DataFeed dataFeed = analyticsService.getFeed(query.getUrl(), DataFeed.class);
for (DataEntry entry : dataFeed.getEntries()) {
long pv = entry.longValueOf(ENTRY_PAGEVIEW);
String title = entry.getTitle().getPlainText();
retMap.put(title, pv);
}
oistudy #1
クエリ作成
クエリ発行
データ取得
他にGoogleAnalytics APIを活用している
ところ/活用できそうなところ
・定型データ収集の効率化(実施済み)
・取得したデータをサイトで利用(実施予定)
oistudy #1
・定型データ収集の効率化
事例:
OisixのYahooチームがマーケティングデータ収集のためにGoogleAnalyticsを利用
1回 30分の作業×週2~3回実施
→この作業時間が80%程度短縮
oistudy #1
Yahooサイト上のOisixバナーのクリック数を
掲載場所毎に測定 フィルター文字列を変えて
何度も照会 →数が多く、集計に時間がかかる
oistudy #1
解決策:
Google Analytics API を利用
JavaScript で 同等のデータ収集できる
検索ページを2時間程度で作成
oistudy #1
インタラクティブデモ を 実際に見てみる
参照URL:
http://code.google.com/intl/ja/apis/analytics/docs/gdata/gdataInteractiveSamples.html
oistudy #1
作成したWebアプリの画面イメージ
oistudy #1
この方法の場合
データの取得は簡単だが、その値を
Excelに貼り付けて、フォーマットを直して
などのデータ整形作業は必要
このデータを整形までしてExcelに貼り付けまでの、全てを解決してしまう方法を
次ページでご紹介
oistudy #1
oistudy #1
Excellent Analytics ・・・ エクセルのアドオン
excel 2007以上
oistudy #1
社内での使用例
社内で共通で使う指標の取得などに利用
作りこみに多少時間がかかる
・取得したデータをサイトで利用(実施予定)
・一番見られている商品をPickUP
・セグメント別の売れ筋順で商品を並べる
・検索上昇キーワード商品をPickUPに出す
oistudy #1
GoogleAnalytics API の まとめ
・コーディングが簡単
サンプルソース充実、クエリーのテストが可能
・データ抽出作業削減には大きい効果あり
・APIで代替することで自前のDBに負荷を
減らせる
・リアルタイムでのデータ照会には不向き
データ取得時間、データ更新タイムラグ
oistudy #1
終了
oistudy #1