oisix勉強会 google analiticsapiを使用したサイト開発例
TRANSCRIPT
![Page 1: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/1.jpg)
GoogleAnalytics API 活用事例
2011/6/10
Oisix システム本部
普川泰如 twitter id:taipuka0
oistudy #1
oistudy #1
![Page 2: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/2.jpg)
普川泰如 (ふかわたいすけ) twitter id:taipuka0
Oisix システム 副部長
oistudy #1
自己紹介
システム会社で勤めたあと、おいしいものを求めて
Oisixへ入社
最近のはやり:うどん打ち
![Page 3: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/3.jpg)
GoogleAnalyticsは
Googleが提供する
無料のサイトアクセス解析ツール
oistudy #1
![Page 4: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/4.jpg)
GoogleAnalytics の スクリーンショット
oistudy #1
![Page 5: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/5.jpg)
GoogleAnalytics を Oisixはかなり使ってます。
(Oisixでの) Good Point:
・無料(通常月間500万PVまでだがAdwords利用で無制限)
・ユーザ部門でも使えるわかりやすいUI
・機能追加が頻繁に行われる
API、ページ速度解析、アドバンスドサーチ
・解析速度が早い(以前利用していたClickTracks比較)
oistudy #1
![Page 6: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/6.jpg)
GoogleAnalytics の
(Oisixでの) Bad Point:
・タグ記述(ビーコン)方式のため、サイト表示に
影響がでる(非同期型を使用しない場合)
・タグが表示される前に離脱されると、計測できない
・生ログが取得できない
・計測結果更新にタイムラグがある
oistudy #1
![Page 7: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/7.jpg)
OisixでのGoogleAnalytics利用例
・新規獲得ページでの購入フロー分析
・商品販売ページのCTR,CVR分析
・販促メールの効果測定
・主要な導線ページのPV、UU計測
・新しいページ、機能を追加した際の効果検証
・2~4回目購入者のPV
oistudy #1
![Page 8: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/8.jpg)
新たに GoogleAnalytics API を利用した。
利用したのは DataExport API
API経由でGoogleAnalyticsのデータを取得可能
oistudy #1
![Page 9: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/9.jpg)
今回は GoogleAnalytics API を
Yahoo!さんとの連携で利用
×
oistudy #1
![Page 10: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/10.jpg)
×
サイト連携について
1.ID連携 ・・・ Yahoo!IDでOisixのサイトにログイン
2.決済連携 ・・・Yahoo!ウォレットがOisixサイトで利用可能
3.ポイント連携 ・・・OisixサイトでYahoo!ポイントが利用可能
購入金額に応じてYahoo!ポイントを付与
4.Yahoo!リスティング連携 ・・・
Yahoo!ショッピング の検索結果にOisixの商品を表示
oistudy #1
![Page 11: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/11.jpg)
食品カテゴリ で “きゅうり” での 検索例 6/12
oistudy #1
![Page 12: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/12.jpg)
ランディングページ
oistudy #1
![Page 13: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/13.jpg)
なぜGoogleAnalytics API を利用したか?
→Yahoo!リスティングの表示順位を上げる
のに各商品ごとのPV数を提供する必要があった
oistudy #1
GoogleAnalytics API採用理由
・他のPVデータよりもより実装が簡単に行える
・社内のPVデータもGoogleAnalytics利用して
おり、データの整合性が保たれる
![Page 14: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/14.jpg)
Yahooリスティング経由のPV数は約4倍になった
2011年 1月 月間PV:6,000程度
(Yahoo!リスティング連携開始当初)
↓
2011年 5月 月間PV:23,000程度 まで上昇
oistudy #1
![Page 15: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/15.jpg)
システム連携イメージ
商品別PV情報
商品情報
売上情報
Oisix内DB
GoogleAnalytics APIで取得
Yahoo!
連携バッチ
プログラム
Yahoo!
リスティングDB
各ショップの
商品情報
Yahoo!へ
データ
送信
oistudy #1
![Page 16: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/16.jpg)
GoogleAnalyticsAPI プログラムの概要
1) 認証 (サイト利用時のユーザID/パスワード)
2) データ取得クエリ作成 使用する項目、プロファイル、取得件数など
3) クエリ発行、データ取得
oistudy #1
![Page 17: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/17.jpg)
実際の 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
クエリ作成
クエリ発行
データ取得
![Page 18: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/18.jpg)
他にGoogleAnalytics APIを活用している
ところ/活用できそうなところ
・定型データ収集の効率化(実施済み)
・取得したデータをサイトで利用(実施予定)
oistudy #1
![Page 19: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/19.jpg)
・定型データ収集の効率化
事例:
OisixのYahooチームがマーケティングデータ収集のためにGoogleAnalyticsを利用
1回 30分の作業×週2~3回実施
→この作業時間が80%程度短縮
oistudy #1
![Page 20: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/20.jpg)
Yahooサイト上のOisixバナーのクリック数を
掲載場所毎に測定 フィルター文字列を変えて
何度も照会 →数が多く、集計に時間がかかる
oistudy #1
![Page 21: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/21.jpg)
解決策:
Google Analytics API を利用
JavaScript で 同等のデータ収集できる
検索ページを2時間程度で作成
oistudy #1
![Page 22: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/22.jpg)
インタラクティブデモ を 実際に見てみる
参照URL:
http://code.google.com/intl/ja/apis/analytics/docs/gdata/gdataInteractiveSamples.html
oistudy #1
![Page 23: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/23.jpg)
作成したWebアプリの画面イメージ
oistudy #1
![Page 24: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/24.jpg)
この方法の場合
データの取得は簡単だが、その値を
Excelに貼り付けて、フォーマットを直して
などのデータ整形作業は必要
このデータを整形までしてExcelに貼り付けまでの、全てを解決してしまう方法を
次ページでご紹介
oistudy #1
![Page 25: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/25.jpg)
oistudy #1
Excellent Analytics ・・・ エクセルのアドオン
excel 2007以上
![Page 26: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/26.jpg)
oistudy #1
社内での使用例
社内で共通で使う指標の取得などに利用
作りこみに多少時間がかかる
![Page 27: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/27.jpg)
・取得したデータをサイトで利用(実施予定)
・一番見られている商品をPickUP
・セグメント別の売れ筋順で商品を並べる
・検索上昇キーワード商品をPickUPに出す
oistudy #1
![Page 28: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/28.jpg)
GoogleAnalytics API の まとめ
・コーディングが簡単
サンプルソース充実、クエリーのテストが可能
・データ抽出作業削減には大きい効果あり
・APIで代替することで自前のDBに負荷を
減らせる
・リアルタイムでのデータ照会には不向き
データ取得時間、データ更新タイムラグ
oistudy #1
![Page 29: Oisix勉強会 google analiticsapiを使用したサイト開発例](https://reader034.vdocuments.site/reader034/viewer/2022052223/55937fd11a28ab11218b45e7/html5/thumbnails/29.jpg)
終了
oistudy #1