Adobe Analytics

Metabase: カスタムマップで日本地図を追加する

こんにちは、エクスチュアの權泳東(コン・ヨンドン)です。

Twitter:@exturekwon

今回はMetabaseのカスタムマップに日本地図を追加する方法についてです。

Metabaseにはデフォルトで世界地図とUS地図が用意されています。

さらに、GeoJSONデータを用意すれば簡単にカスタムマップを追加する事が出来ます。

GeoJSONデータ

下記のGithubで公開されているGeoJSONデータを使う事にしました。

https://github.com/dataofjapan/land

今回は上記の japan.geojson ファイルを使います。

https://raw.githubusercontent.com/dataofjapan/land/master/japan.geojson

カスタムマップ追加

Settings ー> Admin -> Maps を開きます。
そして右側にある [Add a Map] ボタンをクリックします。

Add a Map

カスタムマップのGeoJSONファイルのURLを入力する画面が出るので、先ほどのURLを入力して [Load] ボタンを押します。

GeoJSONファイルのURLを指定

しばらくすると日本地図がロードされます。
ロード後にリージョンIDと表示名を選ぶ必要があるので、それぞれidとnum_jaを選択して保存します。

idと表示名を選択

これでカスタムマップが使えるようになりました。

ではこのマップを使ってビジュアライズしてみましょう。

カスタムマップでビジュアライズ

GeoJSONデータの都道府県ID(1〜47)に対するデータを用意します。

弊社ではAdobeAnalyticsのデータをBigQueryに入れてまして、そこにMetabaseを繋げてます。
そのデータの中にgeo_regionというカラムがあり、国内からのアクセスの場合は都道府県IDが格納されるのでこれを使って都道府県別の訪問セッション数を抽出してみます。

都道府県別の訪問セッション数

AdobeAnalyticsに限った話ですが、geo_regionには「01〜47」 の文字列型の値が入ります。
しかしGeoJSONデータのIDは「1〜47」の数値型なので、数値にCASTしてあげる必要があります。

クエリの結果が出たら「Visualization」ボタンを押して「Map」を選びます。

Mapを選択

そして[Region Map]で先ほど追加した日本地図を選ぶとカスタムマップでビジュアライズ出来ました!

カスタムマップでビジュアライズ

TL;DR

MetabaseではGeoJSONファイルを用意すればカスタムマップで地域別のデータをビジュアライズ出来ます。
URL指定をするだけなので、とても簡単です!

 
弊社では各種マーテックツールの導入支援とデータ分析基盤構築支援を主に行っております。
お問い合わせはこちらからどうぞ

 

関連記事

  1. Adobe Analytics

    続・SafariのITP2.x対策として別サーバー使ってクッキーを永続化する

    こんにちは、エクスチュアの権泳東/コン・ヨンドン(@exturekwo…

  2. Adobe Analytics

    【実験してみた】CNAMEを使わずにAdobeAnalyticsを1stパーティクッキーで計測する

    こんにちは、エクスチュアの権泳東(權泳東/コン・ヨンドン)です。…

  3. Adobe Analytics

    GTMのdataLayerをAdobeAnalyticsの「s」オブジェクトにコピーする

    こんにちは、エクスチュアの權泳東(コン・ヨンドン)です。Twi…

  4. Adobe Analytics

    Adobe Analytics:自動で分析してくれる貢献度分析(異常値検出)機能

    こんにちは、CEOの原田です。今回は随分前から公開されてるのに…

  5. Adobe Analytics

    Adobe Summit 2020レポート: Customer Journey Analytics:…

    こんにちは。エクスチュアインターン生の畝川(せがわ)です。今回…

  6. Adobe Analytics

    Adobe Analytics: レガシーs_code.jsのリミッターを解除してeVar76以上を…

    こんにちは、エクスチュアの権泳東(コン・ヨンドン)です。Twi…

最近の記事

  1. Google Analytics 4: イベントパラメータを…
  2. Google Analytics 4 + BigQueryで…
  3. Google Analytics 360: BigQuery…
  4. Google Analytics: ユニバーサルアナリティク…
  5. Server-side GTMのAppEngine設定をカス…
  1. Adobe Analytics

    Adobe Analyticsに入り切らないデータをBigQueryに投入する
  2. ObservePoint

    ObservePointでサイト内のタグが全部まるっとお見通しだ!
  3. Adobe Analytics

    Adobe Analytics: BigQuery+Lookerでアトリビューシ…
  4. Databricks

    Databricks: Spark DataFramesをJDBCから作成する
  5. Adobe Audience Manager

    Adobe Audience Manager: REST APIを使ってTrai…
PAGE TOP