アクセス解析

🚀 はじめに：この記事でできること Hugo ＋ PaperMod ＋ GitHub Pagesで運用するブログに、Google Search Console（以下、Search Console） を導入するための完全ガイドです。 操作 → 目的 → 結果 → 注意/補足 の順で、初心者が迷いやすいポイント（URL構成・ユーザー/プロジェクトサイトの違い）も含めて整理します。 この手順を完了すると、所有権の確認が成功し、サイトマップ送信が完了、URL検査でクロール促進できる状態になります。 補足 この記事は HTMLファイルアップロード方式 で所有権確認を行い、サイトマップ登録・URL検査・運用の要点までを扱います。 🧭 前提：サイト種別とURL構成 本文着手前に、GitHub Pagesのサイト種別と公開URLを正しく把握します。これがSearch Consoleのプロパティ設定とbaseURL整合の土台になります。 操作 自サイトが ユーザーサイト か プロジェクトサイト かを確認する ユーザーサイト：https://username.github.io/ プロジェクトサイト：https://username.github.io/repository-name/ 目的 Search Console登録方式（URL プレフィックス）と、HugoのbaseURL/内部リンク/画像パス/OGPを公開URLに合わせて一貫させる。 前提 GitHub Pagesの公開設定が済んでいる（ユーザーサイト or プロジェクトサイト） 結果（この時点でできること） 以降の設定で、URL不一致による所有権確認失敗やサイトマップ404を回避できる。 注意 プロジェクトサイトは公開パスが/repository-name/ を含みます。Search ConsoleのURLプレフィックス、検証ファイルURL、サイトマップURLの末尾スラッシュとサブパスが一致しているか、常に確認しましょう。 補足：サイト種別の早見表 ユーザーサイト：https://username.github.io/（サブパスなし） プロジェクトサイト：https://username.github.io/repository-name/（サブパスあり） 🧩 前提条件の確認（Hugo設定） Search Console導入前に、Hugoの基本SEO設定（robots.txt と sitemap）を整えます。 操作 hugo.yaml（またはconfig.toml）に以下の設定を追加/確認 目的 robots.txt と sitemap.xml を自動生成し、クロールとインデックスの土台を作る。 前提 ...

🎯 この記事で得られること このガイドを読めば、次のことができるようになります。 GA4（Google Analytics 4）の仕組みと役割が理解できる GA4 の初期設定（プロパティ作成〜Measurement ID取得）ができる Hugo（特に PaperMod）と GA4 を正しく連携できる GitHub Pages で公開したブログのアクセス解析を開始できる 重要：PaperMod は GA4 の measurement_id を自動で読み込まないため、 extend_head.html に GA4 スニペットを追加する方法が最も確実です。 📘 1. GA4（Google Analytics 4）とは？ GA4 は Google が提供するアクセス解析ツールで、 Web サイトのユーザー行動を可視化できます。 GA4 で分かること アクセス数（PV） ユーザー数 滞在時間 流入元（検索・SNS など） ページごとの閲覧数 スマホ / PC の割合 国・地域別アクセス 補足：GA4 は旧 Google Analytics（UA）とは仕組みが異なり、 計測には Measurement ID（G-XXXXXXX） を使用します。 🌐 2. GA4 プロパティを作成する 🪜 手順 Google Analytics にアクセス https://analytics.google.com/ 左下の 管理（Admin） を開く ...