Adobe Analytics

Looker: Sankey Diagramを使ってサイト内フローを可視化する

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

今回は、Looker Blocksで公開されているカスタム・ビジュアライゼーション [Sankey Diagram] を使ってLooker上でサイト内フローレポートを作成する方法について紹介します。

Sankey | Looker

弊社はAdobe AnalyticsのDatafeedをBigQueryにロードしてるので、今回もこのデータを使ってサイト内フローを可視化します。

LookerのSankey Diagram

Lookerにカスタム・ビジュアライゼーションを追加する

ビジュアライゼーション追加はこちらの手順に従います。
Admin Settings – Visualizations

[Admin] > [Visualization]を開き、[Add Visualization]ボタンをクリックします。
すると、下記のフォームが表示されるので、ビジュアライゼーションに任意のIDと名前をつけて、ライブラリのURLをコピペして保存するだけです。

カスタムビジュアライゼーションを追加

フローデータを用意する

続いて肝心のデータです。
BigQueryからサイト内フローデータを抽出します。
ささっと下記のようなLookMLを書いてDerrived Table(派生テーブル)作成します。

https://github.com/youngdongk/exture-aa-datafeed-query/blob/master/path_flow.view.lkml
※長いのでGithubに載せておきます。

簡単にSQL部分の解説すると、セッションID別に閲覧したページを順番に抽出して、それを最後に第1ステップ~第3ステップまで抽出して、それぞれのパスビュー件数を指標として出してます。

SQLクエリのところにあるこの部分は:

WHERE
  {% condition date_filter %} hit_time_gmt {% endcondition %}

date_filterパラメータを使って日付フィルタを使えるようにしてます。
この部分と連動してます。

  filter: date_filter {
    type: date
  }

  parameter: date_view {
    type: unquoted
    default_value: "Day"
    allowed_value: {
      label: "Year"
      value: "YEAR"
    }
    allowed_value: {
      label: "Month"
      value: "MONTH"
    }
    allowed_value: {
      label: "Day"
      value: "DATE"
    }
  }

いざ、可視化

Exploreを使って、先程作ったDerrived Tableを表示します。

ディメンション: Step1, Step2, Step3
指標: PathView
日付フィルタ: 任意の期間

Exploreでフローデータを表示

これが元データです。
これにSankeyビジュアライゼーションを適用します。

Sankeyを選択

再び[Run」を実行します。
すると、フローレポートの出来上がりです!

Sankey Diagramでサイト内フローを可視化

なんともお手軽ですね。
これをLookに保存すれば、ダッシュボード内にも組み込めます。

弊社ではAdobeAnalyticsやGoogleAnalyticsのデータを活用したデータ分析基盤の構築及び、LookerやTableauなどのBIツールの導入支援業務を行ってます。
お問い合わせはこちらからどうぞ

ブログへの記事リクエストはこちらまで

Tableauで小笠原諸島等を東京都から除外する方法前のページ

オーバーロード(Overload)って何?次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Adobe Analytics

    Adobe Analytics: SegmentsAPIを使って大量のセグメント設定を作成・更新する…

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

  2. Adobe Analytics

    PV(ページビュー)とは-Adobe Analyticsの指標説明

    今回はPV(ページビュー)について説明いたします。PV (ページビュ…

  3. Adobe Analytics

    Adobe Analytics:IF関数を使用した計算指標

    Adobe Analyticsで1年以上前についた計算指標に関数が使え…

  4. Adobe Analytics

    Adobe Analytics: RSIDを間違えてしまったデータを正しいRSに入れ直す

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

  5. Adobe Analytics

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

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

  6. Adobe Analytics

    Adobe Analyticsを知る。

    Adobe Analyticsを知る。 -エクスチュアのツール紹介-ア…

カテゴリ
最近の記事
  1. Manusを使ってみたうえでManusに感想ブログを書かせて…
  2. SquadbaseとStreamlitでお手軽アプリ開発
  3. [Snowflake Summit 2025] Snowfl…
  4. [Snowflake新機能]AI_AGGを試してみた
  5. Snowflake Summit 2025 参加レポート【D…
  1. IT用語集

    デバッグ(Debug)、デバッガ(Debugger)って何?
  2. Google Cloud Platform

    Looker: LookerbotでSlackにグラフ画像をスケジュール投稿する…
  3. Google BigQuery

    Tableau×BigQueryをコスパ良く使う方法
  4. Mouseflow

    直帰率を改善する!4つのポイント
  5. Adobe Experience Cloud

    Adobe Summit 2020レポート: 5 Marketing Trend…
PAGE TOP