HTMLページに分析機能を追加することは、答えが1つの単一の作業に聞こえます。実際には5つに近く、正しい答えはほとんどのガイドが飛ばす2つの要素に依存します。ファイルのコードを編集できるかどうか、そして閲覧人数を知りたいのか特定の人物が見たかを知りたいのか、です。
この2つの答えを整理すれば、選択は簡単です。本ガイドでは5つの実用的な手段を取り上げ、それぞれが実際に見せるもの、コスト、自分に合うかどうかを判断する一文を紹介します。すべてに最適な手段はなく、最後の手段は意図的に対象を絞っています。
手段を決める2つの問い
ツールを選ぶ前に、以下に答えてください。
HTMLを編集できますか? スクリプトタグを貼り付けて動作する手段は、ファイルの<head>へのアクセスが必要です。自分で書いたページなら問題ありません。ところが、自分で書いていないエクスポート、たとえばInDesignのHTML5パッケージ、Claudeのアーティファクト、Webflowのコードエクスポートでは、マークアップの編集が面倒だったり、次回のエクスポートで上書きされたりして問題になります。
集団を知りたいか、特定の人物を知りたいか? ほとんどすべての分析ツールは集団を報告します。総訪問数、平均時間、国、デバイスです。公開ページにとっては正しいデータです。10人の氏名のあるバイヤーに送ったページにとっては誤ったデータです。そこで役立つ答えは、10人のうち誰が開いてどこまで読んだか、です。
この2つの答えを保持してください。下記の5つの手段にきれいにマッピングされます。
手段1: Google Analytics 4
標準的な選択肢です。GA4プロパティを作成し、gtag.jsスニペットをコピーし、HTMLの</head>終了タグの前に貼り付けます。単一ファイルでも静的サイト全体でも動作し、Google自身のセットアップドキュメントが手順を解説しています。
得られるものは、深く、無料で、集計のウェブ分析データです。セッション、ユーザー、地域、デバイス、イベントなど一式です。代償はセットアップと複雑さです。Googleアカウントが必要で、ダッシュボードには実質的な学習曲線があり、ほとんどの地域ではGA4がCookieを設定するためCookie同意バナーが必要になります。
これを選ぶ場合: HTMLを編集でき、リッチな集計データを得たく、ページが公開向けのとき。少人数に送る1ファイルにはオーバースペックです。
手段2: Plausible、Fathom、Umami
プライバシー優先で軽量な代替手段です。Plausible、Fathom、Umamiはどれも同じように動作します。1つの小さなスクリプトタグ、Cookieなし、ほとんどの場合同意バナーなし、訪問数と上位ページのきれいな単一ダッシュボードです。スクリプトは小さく、しばしば約1キロバイト程度なので、読み込み時間にほとんど影響しません。
トレードオフは深さと価格です。ほとんどのサイトに必要な数値は得られ、GA4の煩雑さもほぼありませんが、PlausibleとFathomは有料のサブスクリプションです。Umamiはオープンソースで、自己ホスティングすれば無料ですが、コストが金銭から運用へ移ります。
これを選ぶ場合: HTMLを編集でき、GA4の重さやCookieバナーなしできれいな集計値が欲しく、少額のサブスクリプションを払うかUmamiを自分で運用してもよい場合。
手段3: ホストの内蔵分析機能
ページがすでに最新のホスト上にあるなら、別途ツールを必要としないかもしれません。Vercel、Cloudflare、Netlifyはいずれも、ダッシュボードでオンにできるファーストパーティの分析機能を提供しており、貼り付けるタグはありません。Cloudflareのものはプライバシー優先で無料、VercelとNetlifyは無料枠がすぐに上限に達します。
ただしロックインと深さに難があります。データはそのホストに残り、無料枠は限定的で、そのプラットフォームに居続けることに縛られます。利便性であって、完全な分析プロダクトではありません。
これを選ぶ場合: ページがすでにVercel、Cloudflare、Netlifyにホスティングされており、集計カウントで足りるとき。これを得るためだけにホスティングを移すのはやめましょう。
手段4: GoatCounter または自己ホスト型カウンター
ミニマリストな端っこです。GoatCounterはオープンソース、Cookie不要で、非商用利用なら無料です。Simple Analyticsも同じ軽量でプライバシー優先の系統で近接しています。ページビュー、リファラー、基本的な内訳が得られ、それ以上はあまりありません。それが趣旨です。
これは、データを完全に自分のものとして所有し、自社サーバーで運用したい自己ホスト派が取る経路でもあります。
これを選ぶ場合: 最小限のフットプリント、Cookieなし、無料の趣味用カウンターか完全な自己ホスティング制御が欲しく、最小限の数値で満足できるとき。
手段5: ページを送る場合の追跡リンク
最初の4つの手段はすべて「何人が」に答えます。また、ページが公開向けで、コードを編集できることを前提にしています。手段5はそのどれもがカバーしない場合に対応します。HTMLが公開サイトではなく、特定の人々に送るアーティファクトであり、そのうちの誰が関わったかを知りたいときです。
ここではタグを追加しません。代わりに、HTMLファイルまたはバンドルを、ファイルをホスティングしてトラッキングしてくれるプラットフォームにアップロードし、各受信者に専用のリンクを送ります。トラッキングがファイルを外側から包むため、簡単には編集できないエクスポート、たとえばInDesignのHTML5パッケージ、Claudeやv0のアーティファクト、Webflowのエクスポートでも機能します。各リンクが人物ごとに固有なので、レポートは受信者別になります。氏名のある閲覧者のうち誰が開いたか、どのページに時間を費やしたか、戻ってきたかどうか、転送されたリンクが新しい誰かに届いたかどうかが把握できます。
これがHummingDeckの役割です。HTMLをアップロードし、追跡リンクを送り、/share/htmlでページ別エンゲージメントを集団としてではなく人物ごとに確認できます。さらに、タグでは得られないもの、つまり認証メール許可リストで意図した受信者だけがページを開けるようにすること、リンク有効期限、SafeLinksやProofpointのような企業スキャナーを数値から除外するボットフィルタリングも得られます。
これはGA4の代替ではありません
HummingDeckは既存のWebflow、WordPress、マーケティングサイト向けに差し替えできる分析タグではありません。自分が管理する公開サイトには手段1か2を使ってください。手段5が意味を持つのは、ページが既知のリストに対して送るものであり、集計トラフィックよりも受信者別の帰属が重要な場合だけです。意図的に対象を絞っています。
これを選ぶ場合: HTMLの1ページ、提案書、プロトタイプ、エクスポートを特定のクライアント、投資家、見込み客に送っており、タグを追加するためにファイルを編集できない、または編集したくなく、何人が見たかではなく誰が見たかを知る必要があるとき。
どの手段を選ぶか
| 手段 | セットアップ | Cookieバナー | 何が見えるか | 最適な用途 |
|---|---|---|---|---|
| Google Analytics 4 | タグを貼り付け、Googleアカウント | 通常は必要 | 深い集計、匿名 | 編集できる公開サイト |
| Plausible / Fathom / Umami | 小さなスクリプトを貼り付け | 不要 | きれいな集計、プライバシー優先 | 公開サイト、GA4より軽量 |
| ホスト内蔵(Vercel、Cloudflare、Netlify) | ダッシュボードで切り替え | 場合による | 基本的な集計 | すでにそのホスト上にあるページ |
| GoatCounter / Simple Analytics | 小さなスクリプトまたは自己ホスト | 不要 | 最小限のカウント | ミニマリストまたは自己ホスト |
| 追跡リンク(HummingDeck) | ファイルをアップロード、タグなし | 不要 | 受信者別、ページ別、ゲーティング付き | 特定の人々にHTMLを送るとき |
率直なまとめ:ページが公開向けで編集できるなら、答えはGoogle Analytics 4かPlausibleのような軽量タグで、たまたまVercel、Cloudflare、Netlifyにいるならホストの内蔵統計です。ページが氏名のあるリストに渡すものなら、追跡リンクが、これらのツールが答えられない問い、つまり何人が見たかではなく誰が見たかに答えてくれます。
関連する記事
- 単一HTMLファイルを分析機能付きで配信する 追跡リンクアプローチの具体的な手順。
- InDesign Publish Onlineのエクスポートを配信する方法 HTMLが簡単にタグを追加できないデザインエクスポートの場合。
- フリップブック分析:誰があなたのフリップブックを実際に読んだかを把握する デジタルフリップブックで同じ「誰が読んだか」の問いに答える方法。
- PDFを誰が開封したかをトラッキングする方法 ファイルがHTMLではなくPDFの場合。
- プレゼンテーションをオンラインで共有する方法 アーティファクトが資料の場合。