この記事の対象読者
- 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 プロパティの作成
- Google Analytics にアクセス
- 「管理」→「プロパティを作成」をクリック
- プロパティ名(サイト名)を入力
- タイムゾーン「日本」、通貨「日本円」を選択
- ビジネスの情報を入力して作成
Step 3: データストリームの設定
- プラットフォームで「ウェブ」を選択
- サイトの URL を入力(例:
https://example.com) - ストリーム名を入力して「ストリームを作成」
- 表示される 測定 ID(
G-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">
...
リアルタイムレポートで動作確認
コードを設置したら、正しく計測されているか確認します。
- 自分のサイトをブラウザで開く
- Google Analytics の「レポート」→「リアルタイム」を確認
- 「過去30分間のユーザー」に 1 以上表示されれば成功
計測されない場合のチェックポイント
- 測定 ID(
G-XXXXXXXXXX)が正しいか - コードが
<head>内に正しく設置されているか - 広告ブロッカーが有効になっていないか
- ブラウザのキャッシュをクリアしたか
基本レポートの見方
ユーザー属性レポート
「レポート」→「ユーザー属性」→「概要」で、訪問者の基本情報を確認できます。
| 指標 | 内容 |
|---|---|
| 国 | アクセス元の国 |
| 市区町村 | アクセス元の都市 |
| 言語 | ブラウザの言語設定 |
| 年齢・性別 | 推定される年齢層と性別 |
集客レポート
「レポート」→「集客」→「トラフィック獲得」で、どこからアクセスが来ているかを確認できます。
| チャネル | 意味 |
|---|---|
| Organic Search | Google 等の検索エンジンからの流入 |
| Direct | URL 直接入力やブックマークからの流入 |
| Social | X(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>内に設置するだけで導入完了 - リアルタイムレポートで動作確認ができる
- 集客・エンゲージメントレポートでサイトの改善点を発見できる
- イベントトラッキングでユーザーの具体的な操作を計測できる