Google Data Portal触ってみた


POLアドベントカレンダー10日目担当、ゲバラです。
9日目の[@banyanfreeさん](https://qiita.com/banyanfree)の[記事](https://qiita.com/banyanfree/items/cb078e5be0b50a631278)も是非お読みください！

今回は弊社PdMに教えていただいたGoogle Data Portalを触ってみたお話です。

#Google Data Portalとは
Google Data Portal(以下、GDP)はいろんなデータリソースと接続し、かなり自由なダッシュボードを作成できるツールです。
https://marketingplatform.google.com/intl/ja/about/data-studio/

#GDPを使う目的
目的としては以下の３点です。

- まとめてデータをみたい。
- 何を目的にその数値を見るのか認識する。
- 自分だけでなく周りにわかりやすくデータを共有したい。

経緯としては、私がCマーケに入りGoogle Analytics(以下、GA)やSearch Consoleのデータを見るようになりましたが、都度ページを開かないといけないのがとても面倒でした。GA自体にもダッシュボードやレポート機能がありますが、他のデータと合わせて見れません。また、GAを使っているとデータを見ることや計測することに夢中になって、どういう文脈で見ようとしているのか目的を見失いやすいです。そもそも目的がないという話もありますが。。。そこでこれらの煩わしさを解消するためにダッシュボードのようにまとまった形でデータを確認したくなりました。
あとは自分だけ見ているのは非常にもったいない。とはいえ共有するのにGAの画面は初心者がいきなり見れるものではなく見方から覚えないといけないのは非常に辛い。そこでわかりやすくかつ簡単に周りへ共有する術を試してみたかったのです。

#触ってみる
以下のリンクで「無料で利用する」から簡単に始めることができます。
https://marketingplatform.google.com/intl/ja/about/data-studio/

Googleドライブと同じようなUIなのでわかりやすいです。
左上の「作成」から「レポート」を選択して新規作成します。
テンプレートも豊富に用意されているので、とりあえず触ってみたい方はテンプレートから作成してしてみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/74c476b4-b89d-8b86-3e46-3159bc077d29.png)


##データを追加する
新規でレポートを作成すると以下のようにデータを選択する画面になります。レポートで表示できるデータソースを設定することができます。Googleのサービスはもちろんのこと、他にも300を超えるデータソースと接続することができます。MySQLやPostgreSQLにも接続できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/f8ceaa40-2133-0fae-4ed5-19f9007e33e6.png)
今回はタブにある「マイデータソース」にあるサンプルデータから「Google Search Console Data(site)」を使ってみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/4f730cb6-f5d0-4a59-48aa-5fff7bf340b4.png)
「データを追加」から他のデータソースを接続することができ、複数のデータソースをレポート内で扱うことができます。



##グラフを追加する
データを追加すると早速表が追加されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/4c97a715-6c2d-f4bd-5dbf-cbd987e31e81.png)

もちろん表だけではなく「グラフを追加」から様々なグラフを選択することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/b1b089f9-4111-8f21-f7e6-0e88814feafa.png)

個人的にはヒートマップ付き表が好きです。←目的を見失っている状態。。。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/8689ca52-d17f-c6a9-0fa4-8a767a912ae9.png)

グラフを選択すると画面左側にグラフの設定ウィンドウが表示されます。表示する指標やデータソースの切り替え、グラフの種別変更など様々なグラフの設定を行うことができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/b4a81747-9e1f-0e43-dd58-4a79d43c9870.png)


##コントロールを追加する
「コントロールを追加」からはデータをフィルタリングするための方法を選択することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/0dcf3dec-c675-fbc9-1a09-871212f3ec5f.png)

一部ですが表示させるとこんな感じになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/48317d85-06e2-0262-8d7c-fead74407a10.png)


##見た目をデザインする
Googleスライドのように見た目を自在にデザインすることができます。テキストや図形、折れ線コネクタといったパーツを挿入することもできますし、URLを埋め込むこともできます。全体のテーマ用意されていたり、グラフのスタイルも変更することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/1c34a9de-0652-43fa-8407-f40ef3552d8b.png)

この見た目を変えられるのが結構キモかなと思っています。数字を見れることはもちろんですが、その数字がなんのため存在するか、その文脈を伝えるのに見た目をうまくデザインする必要があります。試しにKPIツリーを作ってみました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541992/5bb88730-d534-b7f6-036c-3effbd2fc5f9.png)

KPI設計が正しいかは別として、このレポートを見れば指定期間中の数値と推移をひと目で確認することができます。

#さいごに
簡単に数値のレポートを作成することができました。今回は「Google Search Console」のサンプルデータを表示しましたが、いろんなデータソースを組み合わせて一つのレポートにできるのがとても利点だと思います。Google スプレッドシートも複数組み合わせてできるのはありがたいです。やり始めると結構簡単なので是非やってみてください。

11日目は弊社インターンの[モンティ君](https://qiita.com/kohei-shinden)です！ご期待ください！