Cloudflare アクセス解析 Astro

Cloudflare Web Analyticsで始めるプライバシーフレンドリーなアクセス解析

2026-02-28
目次

サイトを公開したら、どれくらいの人が訪れているのか知りたくなるものです。アクセス解析ツールといえばGoogle Analyticsが定番ですが、Cloudflare Pagesでホストしているなら、もっとシンプルでプライバシーに配慮した選択肢があります。

Google Analyticsの課題

Google Analyticsは高機能ですが、個人サイトにとっては以下の点がネックになります。

  • Cookieの使用 — GDPRやePrivacy指令の対象となり、Cookie同意バナーの設置が必要
  • 個人情報の収集 — ユーザーの行動データがGoogleに送信される
  • 設定の複雑さ — GA4になってから学習コストが高い
  • オーバースペック — 個人ブログに必要な情報はもっとシンプル

プライバシーフレンドリーな代替サービス

Cookieを使わず、プライバシーに配慮した分析ツールを比較しました。

サービス料金Cookieなしデータ保持特徴
Cloudflare Web Analytics無料○6ヶ月Cloudflareユーザーなら追加設定最小
Plausible$9/月〜○無制限高機能、セルフホスト版あり
GoatCounter無料○1年超軽量、個人利用無料
Umami無料（自前）○自前次第オープンソース、要サーバー
Fathom$15/月〜○無制限シンプルなUI

Cloudflare Web Analyticsを選んだ理由

このサイトはCloudflare Pagesでホストしているため、Cloudflare Web Analytics を採用しました。

  • 完全無料 — 追加コストなし
  • Cookieなし — バナー設置不要でGDPR準拠
  • ゼロインフラ — 外部サービスやサーバーの追加が不要
  • Core Web Vitals — LCP、INP、CLSの計測が標準搭載
  • 軽量 — beacon.min.js（約5KB）のみ

基本的なページビュー数・訪問者数・リファラー・国別アクセスが分かれば十分という個人サイトには最適な選択肢です。

セットアップ方法

方法1: Cloudflareダッシュボードから有効化（推奨）

最も簡単な方法です。Cloudflare Pagesの場合、ダッシュボードからワンクリックで有効化できます。

  1. Cloudflareダッシュボードにログイン
  2. 「Workers & Pages」からプロジェクトを選択
  3. 「Metrics」タブを開く
  4. 「Web Analytics」を有効化

この方法では、Cloudflareがデプロイ時に自動的にトラッキングスクリプトを注入してくれます。

方法2: 手動でスクリプトを埋め込む

コードベースで明示的に管理したい場合は、レイアウトファイルにスクリプトタグを追加します。

まず、Cloudflareダッシュボードの「Web Analytics」からサイトを追加してトークンを取得します。

次に、環境変数にトークンを設定します。

.env
CF_ANALYTICS_TOKEN=your-token-here

Cloudflare Pagesの本番環境では、ダッシュボードの「Settings > Environment variables」から設定します。

Astroのレイアウトファイルでトークンを読み込み、スクリプトを条件付きで出力します。

src/layouts/BaseLayout.astro
---
const cfAnalyticsToken = import.meta.env.CF_ANALYTICS_TOKEN;
---


<head>
  <!-- 既存のmetaタグ -->
  {cfAnalyticsToken && (
    <script
      defer
      src="https://static.cloudflareinsights.com/beacon.min.js"
      data-cf-beacon={JSON.stringify({ token: cfAnalyticsToken })}
    />
  )}
</head>

環境変数が設定されていない場合はスクリプトが出力されないため、ローカル開発時に不要なリクエストが発生しません。

確認できる情報

Cloudflare Web Analyticsのダッシュボードでは、以下の情報を確認できます。

  • ページビュー数・訪問者数 — 日別・週別・月別の推移
  • 上位ページ — どのページがよく読まれているか
  • リファラー — どこからアクセスが来ているか
  • 国・デバイス別 — 訪問者の地域とデバイス構成
  • Core Web Vitals — LCP・INP・CLSのパフォーマンス指標

まとめ

Cloudflare Pagesでサイトをホストしているなら、Cloudflare Web Analyticsは最も手軽な選択肢です。無料でCookieを使わず、同意バナーも不要。個人サイトの「どれくらい見られているか」を把握するには十分な機能が揃っています。

より高度な分析（カスタムイベント、ファネル分析など）が必要になった場合は、PlausibleやUmamiへのステップアップを検討するのが良いでしょう。

ヒヨリヒヨリ

Cloudflare Pagesでホストしてるなら、Web Analyticsは本当に手間なく使えるよ！Cookieも使わないから同意バナーも不要だし、Core Web Vitalsまで見られるのがすごいんだ。まずはダッシュボードからワンクリックで有効化してみよう！