ブログ構築

Hugo + PaperModでGoogleアナリティクスが機能しない？原因はuBlock Originかも 静的サイトジェネレータの Hugo と人気テーマ PaperMod を使ってブログを構築し、 Googleアナリティクス（GA4）の設定も済ませた。なのに、アクセスが計測されない…。 そんなとき、見落としがちな原因のひとつが、 広告ブロッカー（uBlock Originなど）によるスクリプトのブロックです。 ✅ この記事でわかること Hugo + PaperModでのGoogleアナリティクス設定方法（おさらい） gtag.jsが読み込まれない理由 uBlock Originがどのように影響するのか 解決策：広告ブロッカーの無効化と確認方法 1. Hugo + PaperModでGoogleアナリティクスを設定する方法 # config.toml googleAnalytics = "G-XXXXXXXXXX" [params] env = "production" googleAnalytics に GA4の測定ID（例：G-ABC123XYZ） を設定 params.env = "production" とすることで、本番環境のみでスクリプトが有効化されます PaperMod は内部で _internal/google_analytics.html を呼び出すため、特別なカスタマイズ不要で動作するはずです。 2. 設定は完璧なのに…？動作しないときにまず確認すべきこと ブラウザのデベロッパーツール（F12）→ Network タブ gtag.js?id=G-XXXXX にアクセスされているか ステータスコードが 200 になっているか しかし、こんな状況に遭遇しました： gtag.js が 307 Internal Redirect Location: chrome-extension://... にリダイレクト 3. 原因はuBlock Originなどの広告ブロッカーだった これは、uBlock Origin などの広告ブロック系拡張機能が、Googleアナリティクスの読み込みを勝手に書き換えていたのです。 ...

はじめに Hugo でブログを作成し、GitHub Pages で公開しようとした際に、次のような壁にぶつかりました。 README.md しか表示されない github-actions[bot] による push が 403 エラーで拒否される 自動デプロイがうまく動かない この記事では、私が実際に解決した手順をもとに、Hugo + GitHub Pages + GitHub Actions を使った静的ブログの自動公開方法を、初心者向けに丁寧に解説します。 使用した技術スタック Hugo（静的サイトジェネレーター） テーマ：PaperMod GitHub Pages（ホスティング） GitHub Actions（CI/CD） 構成の全体図 Hugo（ローカル） ↓ push GitHub（main または master ブランチ） ↓ GitHub Actions が起動 gh-pages ブランチに public/ を push ↓ GitHub Pages で公開 1. Hugo プロジェクトを作成 hugo new site my-blog cd my-blog git init 2. PaperMod テーマを導入 git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod echo 'theme = "PaperMod"' >> hugo.toml config.toml（または hugo.toml）に baseURL も忘れずに設定します。 ...