Oisix勉強会 google analiticsapiを使用したサイト開発例

29
GoogleAnalytics API 活用事例 2011/6/10 Oisix システム本部 普川泰如 twitter id:taipuka0 oistudy #1 oistudy #1

Transcript of Oisix勉強会 google analiticsapiを使用したサイト開発例

Page 1: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalytics API 活用事例

2011/6/10

Oisix システム本部

普川泰如 twitter id:taipuka0

oistudy #1

oistudy #1

Page 2: Oisix勉強会 google analiticsapiを使用したサイト開発例

普川泰如 (ふかわたいすけ) twitter id:taipuka0

Oisix システム 副部長

oistudy #1

自己紹介

システム会社で勤めたあと、おいしいものを求めて

Oisixへ入社

最近のはやり:うどん打ち

Page 3: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalyticsは

Googleが提供する

無料のサイトアクセス解析ツール

oistudy #1

Page 4: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalytics の スクリーンショット

oistudy #1

Page 5: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalytics を Oisixはかなり使ってます。

(Oisixでの) Good Point:

・無料(通常月間500万PVまでだがAdwords利用で無制限)

・ユーザ部門でも使えるわかりやすいUI

・機能追加が頻繁に行われる

API、ページ速度解析、アドバンスドサーチ

・解析速度が早い(以前利用していたClickTracks比較)

oistudy #1

Page 6: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalytics の

(Oisixでの) Bad Point:

・タグ記述(ビーコン)方式のため、サイト表示に

影響がでる(非同期型を使用しない場合)

・タグが表示される前に離脱されると、計測できない

・生ログが取得できない

・計測結果更新にタイムラグがある

oistudy #1

Page 7: Oisix勉強会 google analiticsapiを使用したサイト開発例

OisixでのGoogleAnalytics利用例

・新規獲得ページでの購入フロー分析

・商品販売ページのCTR,CVR分析

・販促メールの効果測定

・主要な導線ページのPV、UU計測

・新しいページ、機能を追加した際の効果検証

・2~4回目購入者のPV

oistudy #1

Page 8: Oisix勉強会 google analiticsapiを使用したサイト開発例

新たに GoogleAnalytics API を利用した。

利用したのは DataExport API

API経由でGoogleAnalyticsのデータを取得可能

oistudy #1

Page 9: Oisix勉強会 google analiticsapiを使用したサイト開発例

今回は GoogleAnalytics API を

Yahoo!さんとの連携で利用

×

oistudy #1

Page 10: Oisix勉強会 google analiticsapiを使用したサイト開発例

×

サイト連携について

1.ID連携 ・・・ Yahoo!IDでOisixのサイトにログイン

2.決済連携 ・・・Yahoo!ウォレットがOisixサイトで利用可能

3.ポイント連携 ・・・OisixサイトでYahoo!ポイントが利用可能

購入金額に応じてYahoo!ポイントを付与

4.Yahoo!リスティング連携 ・・・

Yahoo!ショッピング の検索結果にOisixの商品を表示

oistudy #1

Page 11: Oisix勉強会 google analiticsapiを使用したサイト開発例

食品カテゴリ で “きゅうり” での 検索例 6/12

oistudy #1

Page 12: Oisix勉強会 google analiticsapiを使用したサイト開発例

ランディングページ

oistudy #1

Page 13: Oisix勉強会 google analiticsapiを使用したサイト開発例

なぜGoogleAnalytics API を利用したか?

→Yahoo!リスティングの表示順位を上げる

のに各商品ごとのPV数を提供する必要があった

oistudy #1

GoogleAnalytics API採用理由

・他のPVデータよりもより実装が簡単に行える

・社内のPVデータもGoogleAnalytics利用して

おり、データの整合性が保たれる

Page 14: Oisix勉強会 google analiticsapiを使用したサイト開発例

Yahooリスティング経由のPV数は約4倍になった

2011年 1月 月間PV:6,000程度

(Yahoo!リスティング連携開始当初)

2011年 5月 月間PV:23,000程度 まで上昇

oistudy #1

Page 15: Oisix勉強会 google analiticsapiを使用したサイト開発例

システム連携イメージ

商品別PV情報

商品情報

売上情報

Oisix内DB

GoogleAnalytics APIで取得

Yahoo!

連携バッチ

プログラム

Yahoo!

リスティングDB

各ショップの

商品情報

Yahoo!へ

データ

送信

oistudy #1

Page 16: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalyticsAPI プログラムの概要

1) 認証 (サイト利用時のユーザID/パスワード)

2) データ取得クエリ作成 使用する項目、プロファイル、取得件数など

3) クエリ発行、データ取得

oistudy #1

Page 17: Oisix勉強会 google analiticsapiを使用したサイト開発例

実際の 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を使用したサイト開発例

他にGoogleAnalytics APIを活用している

ところ/活用できそうなところ

・定型データ収集の効率化(実施済み)

・取得したデータをサイトで利用(実施予定)

oistudy #1

Page 19: Oisix勉強会 google analiticsapiを使用したサイト開発例

・定型データ収集の効率化

事例:

OisixのYahooチームがマーケティングデータ収集のためにGoogleAnalyticsを利用

1回 30分の作業×週2~3回実施

→この作業時間が80%程度短縮

oistudy #1

Page 20: Oisix勉強会 google analiticsapiを使用したサイト開発例

Yahooサイト上のOisixバナーのクリック数を

掲載場所毎に測定 フィルター文字列を変えて

何度も照会 →数が多く、集計に時間がかかる

oistudy #1

Page 21: Oisix勉強会 google analiticsapiを使用したサイト開発例

解決策:

Google Analytics API を利用

JavaScript で 同等のデータ収集できる

検索ページを2時間程度で作成

oistudy #1

Page 22: Oisix勉強会 google analiticsapiを使用したサイト開発例

インタラクティブデモ を 実際に見てみる

参照URL:

http://code.google.com/intl/ja/apis/analytics/docs/gdata/gdataInteractiveSamples.html

oistudy #1

Page 23: Oisix勉強会 google analiticsapiを使用したサイト開発例

作成したWebアプリの画面イメージ

oistudy #1

Page 24: Oisix勉強会 google analiticsapiを使用したサイト開発例

この方法の場合

データの取得は簡単だが、その値を

Excelに貼り付けて、フォーマットを直して

などのデータ整形作業は必要

このデータを整形までしてExcelに貼り付けまでの、全てを解決してしまう方法を

次ページでご紹介

oistudy #1

Page 25: Oisix勉強会 google analiticsapiを使用したサイト開発例

oistudy #1

Excellent Analytics ・・・ エクセルのアドオン

excel 2007以上

Page 26: Oisix勉強会 google analiticsapiを使用したサイト開発例

oistudy #1

社内での使用例

社内で共通で使う指標の取得などに利用

作りこみに多少時間がかかる

Page 27: Oisix勉強会 google analiticsapiを使用したサイト開発例

・取得したデータをサイトで利用(実施予定)

・一番見られている商品をPickUP

・セグメント別の売れ筋順で商品を並べる

・検索上昇キーワード商品をPickUPに出す

oistudy #1

Page 28: Oisix勉強会 google analiticsapiを使用したサイト開発例

GoogleAnalytics API の まとめ

・コーディングが簡単

サンプルソース充実、クエリーのテストが可能

・データ抽出作業削減には大きい効果あり

・APIで代替することで自前のDBに負荷を

減らせる

・リアルタイムでのデータ照会には不向き

データ取得時間、データ更新タイムラグ

oistudy #1

Page 29: Oisix勉強会 google analiticsapiを使用したサイト開発例

終了

oistudy #1