Googleツール

Google Analytics(GA4)の導入と基本的な使い方

この記事の対象読者

  • Webサイトのアクセス状況を把握したい人
  • Google Analytics を初めて導入する人
  • GA4 の基本的なレポートの見方を知りたい人

Google Analytics とは

Google Analytics は、Google が無料で提供する Web アクセス解析ツール です。サイトの訪問者数、ページビュー、ユーザーの行動パターン、流入元などを詳細に分析できます。

現在の最新バージョンは GA4(Google Analytics 4) で、従来のユニバーサルアナリティクス(UA)から大幅に進化しています。

GA4 の主な特徴
  • イベントベース: すべてのユーザー操作を「イベント」として計測
  • クロスプラットフォーム: Web とアプリを統合的に分析
  • AI による予測: 購入やチャーン(離脱)の予測機能
  • プライバシー重視: Cookie に依存しないデータ収集

GA4 の導入手順

Step 1: Google アカウントの準備

Google Analytics を利用するには Google アカウントが必要です。既にアカウントをお持ちの場合はそのまま使えます。

Step 2: GA4 プロパティの作成

  1. Google Analytics にアクセス
  2. 「管理」→「プロパティを作成」をクリック
  3. プロパティ名(サイト名)を入力
  4. タイムゾーン「日本」、通貨「日本円」を選択
  5. ビジネスの情報を入力して作成

Step 3: データストリームの設定

  1. プラットフォームで「ウェブ」を選択
  2. サイトの URL を入力(例: https://example.com
  3. ストリーム名を入力して「ストリームを作成」
  4. 表示される 測定 IDG-XXXXXXXXXX)をメモ

トラッキングコードの設置

GA4 のトラッキングコード(Google タグ)を HTML の <head> タグ直後に貼り付けます。

HTML - head内
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>
注意

G-XXXXXXXXXX は自分の測定 ID に置き換えてください。このコードは 全ページ共通のテンプレート(base.html 等)に1回だけ設置します。

Django での設置例

Django プロジェクトでは、ベーステンプレートの <head> 内に設置します。

templates/base.html
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-XXXXXXXXXX');
    </script>
    <meta charset="UTF-8">
    ...

リアルタイムレポートで動作確認

コードを設置したら、正しく計測されているか確認します。

  1. 自分のサイトをブラウザで開く
  2. Google Analytics の「レポート」→「リアルタイム」を確認
  3. 「過去30分間のユーザー」に 1 以上表示されれば成功
計測されない場合のチェックポイント
  • 測定 ID(G-XXXXXXXXXX)が正しいか
  • コードが <head> 内に正しく設置されているか
  • 広告ブロッカーが有効になっていないか
  • ブラウザのキャッシュをクリアしたか

基本レポートの見方

ユーザー属性レポート

「レポート」→「ユーザー属性」→「概要」で、訪問者の基本情報を確認できます。

指標内容
アクセス元の国
市区町村アクセス元の都市
言語ブラウザの言語設定
年齢・性別推定される年齢層と性別

集客レポート

「レポート」→「集客」→「トラフィック獲得」で、どこからアクセスが来ているかを確認できます。

チャネル意味
Organic SearchGoogle 等の検索エンジンからの流入
DirectURL 直接入力やブックマークからの流入
SocialX(Twitter)、Facebook 等の SNS からの流入
Referral他サイトのリンクからの流入

エンゲージメントレポート

「レポート」→「エンゲージメント」→「ページとスクリーン」で、どのページがよく見られているかを確認できます。

指標内容
表示回数ページが表示された合計回数
ユーザー数ページを見たユニークユーザー数
平均エンゲージメント時間ユーザーがそのページに滞在した平均時間

イベントトラッキング

GA4 では、特定のユーザー操作を「イベント」として計測できます。例えば、ボタンのクリックやファイルのダウンロードなどです。

自動収集イベント

GA4 が自動的に収集するイベントがあります。設定不要で計測されます。

イベント名内容
page_viewページ表示
scrollページの90%までスクロール
click外部リンクのクリック
file_downloadファイルのダウンロード
first_visit初回訪問

カスタムイベントの送信

JavaScript で独自のイベントを送信することもできます。

JavaScript
// ボタンクリック時にイベントを送信
document.getElementById('myButton').addEventListener('click', function() {
    gtag('event', 'button_click', {
        event_category: 'engagement',
        event_label: 'signup_button'
    });
});

まとめ

  • Google Analytics(GA4)は無料の Web アクセス解析ツール
  • トラッキングコードを <head> 内に設置するだけで導入完了
  • リアルタイムレポートで動作確認ができる
  • 集客・エンゲージメントレポートでサイトの改善点を発見できる
  • イベントトラッキングでユーザーの具体的な操作を計測できる