Google Analytics(GA4) BigQuery

このサンプルデータアプリでは、Google Analytics(GA4)のデータを使用してウェブページ上での訪問者の行動を分析します。

あなたのウェブページへの訪問者が特定のページに訪問する直前に訪問していたページごとに集計し、可視化をします。 これによって、例えば

  • 「課金登録をする前に料金表のページを見ている人が多い」
  • 「料金ページを見る前に具体的なユースケースのページを確認している」

のようなことがわかり、「ウェブページ上のユースケースのページを豊富にする」のような意思決定を行うことができます。

以下の画像のようにURLを変更することであなたのウェブページのどのページでも訪問者の行動履歴を一目で確認できます。

使い方

このサンプルアプリを使用するためには、事前にGoogle AnalyticsからBigQueryにデータを同期してください。

手順1 コネクションを作成する

ワークスペースのDataセクションから、Google Analyticsに接続されているBigQueryとのコネクションを作成します。

この時に、必ずコネクションの名前をbq_google_analyticsに設定してください。

./src/sql/ga_data_extraction.sqlのconfig関数でconnectionにbq_google_analyticsを設定しています。 そのため、このファイルを編集して作成したコネクション名を使用する方法でも正しく動作します。

BigQueryとの接続については以下を参照してください。

src/sql/ga_data_extraction.sqlFROM句を接続したBigQueryのproject_id, datasetを使うように更新してください。

  • PUT_YOUR_PROJECT_ID: 接続したBigQueryのproject_id
  • PUT_YOUR_DATASET: 接続したBigQueryのdataset
-- config部分は省略しています。
SELECT user_pseudo_id,
    (
        SELECT
            value.string_value
        FROM
            UNNEST(event_params)
            WHERE
            key = 'page_location'
    ) AS page_location,
    (
        SELECT
            value.string_value
        FROM
            UNNEST(event_params)
            WHERE
            key = 'page_referrer'
    ) AS page_referrer,
        event_timestamp
FROM `[PUT_YOUR_PROJECT_ID].[PUT_YOUR_DATASET].events_*`, UNNEST(event_params)
WHERE
    event_name = 'page_view'

target_linkは、分析の対象となるコンバージョン先のページのURLを指定してください。

(e.g., "https://www.morph-data.io/pricing")

  • src/python/calculate_traffic_flow.py: target_linkのデフォルトの値をあなたのサイトのコンバージョンURLに変更してください。
  • src/python/visualize_traffic_flow.py: target_linkを上記と同様に変更してください。
  • src/pages/index.mdx: target_linkを上記と同様に変更してください。

もし手順3でエラーが発生した場合には、手順2,3のファイルを一つずつ実行して問題があるファイルを確認してください。

手順4 Pagesから結果を確認する

手順2までの設定が正しく設定行えていれば、Pagesのセクションからサンプルアプリの成果物にアクセスができます。