ブログのアクセスを見るために、Google アナリティクス(GA4)と、Search Console を入れました。

名前 分かること
GA4 訪問者が、どのページをどれくらい見たか
Search Console 検索で、どんな言葉で表示されて、何回クリックされたか

GA4

プロパティを作る

  1. Google アナリティクスで、アカウントとプロパティを作る
  2. 「Web」のデータストリームを作って、ブログの URL を入れる
  3. 出てくる「測定 ID」(G- で始まるやつ)を控える

埋め込む

最初は、Google タグマネージャー(GTM)を使うつもりで、コンテナも作ってました。 でも、やめました。

  • GTM の設定は画面での操作で、変更の履歴がコードに残らない
  • 計測したいのは GA4 だけで、GTM の出番がない
  • タグが 1 段増えて、読み込みも増える

そこで、gtag.js を <head> に直接入れました。 測定 ID は、サイトの設定ファイルに 1 行書くだけです。

確認用のサイトを計測しない

確認用の dev.nekodesk.net も、本番と同じビルドで作られます。 そのままだと、確認のアクセスが GA4 の数字に混ざります。

なので、ホスト名が本番(nekodesk.net)のときだけ、 タグが動くようにしました。 ローカルの開発サーバーでは、そもそもタグが出ません。

動いてるか確認する

本番のサイトを開いて、GA4 の「レポート」→「リアルタイム」を見ます。 自分のアクセスで、ユーザーが 1 増えてました。 出ないときは、広告ブロッカーが原因のこともあります。

Search Console

「ドメイン」のプロパティで、nekodesk.net を追加します。 所有権の確認は、DNS の TXT レコードを使います。

ドメインを Cloudflare で管理してるからか、確認の画面で、あっさり通りました。 確認方法は「ドメイン名プロバイダ」と出てました。 確認に使った TXT レコードは、消さずに残します。 消すと、所有権が外れます。