新しく作ったポートフォリオサイトに、Google Analytics 4（GA4）を導入しました。
Google Analyticsは、Webサイトへのアクセス状況を確認できるツールです。
せっかく自分のサイトを公開したのだから、どのくらいアクセスがあるのか、どんな記事が読まれているのか、少しは知りたい。
そこで、Googleタグマネージャー（GTM）を使って計測することにしました。
設定を終えて、さっそくGA4のリアルタイムレポートを開いてみます。
ところが、表示されているユーザー数は0人。
自分でサイトを開いているのに、0人。
しばらく待っても、0人。
……誰もいないことになっています。
まずは、ちゃんと読み込まれているか確認
GA4の計測ができない場合、確認するところはいくつかあります。
タグが正しく設定されているか。
計測IDが間違っていないか。
ブラウザで必要なスクリプトが読み込まれているか。
今回はCookieの同意機能も実装していたので、その動作も関係してきます。
私のポートフォリオサイトでは、Cookieの利用に同意した場合に、アクセス解析用のタグを読み込む仕組みにしています。
つまり、同意していない状態では計測されません。
これは意図した動作です。
ただ、同意した状態でもリアルタイムレポートに反映されないとなると、どこかに問題がありそうです。
ブラウザの開発者ツールも使って確認してみました。
GA4のデータ送信に使われる「collect」という通信を探しても、見当たりません。
そもそも計測データが送信されていないようです。
原因は、まさかの「未公開」
あれこれ確認しているうちに、ひとつ気になることが出てきました。
Googleタグマネージャーの設定は、公開されているだろうか。
GTMでは、タグを作成して保存しただけでは、通常の公開サイトに反映されません。
設定を反映するには、コンテナの変更内容を公開する必要があります。
管理画面を確認してみると……。
公開していませんでした。
そりゃ、計測されないわけです。
タグの設定が間違っているのか、Cookieの同意処理に問題があるのか、いろいろ考えていたのに。
単純に、公開していなかっただけでした。
公開したら、ちゃんと動いた
GTMの変更内容を公開して、もう一度確認します。
すると、今度はGA4のリアルタイムレポートで計測を確認できました。
無事に動いて、ひと安心。
原因がわかってしまえば、なんということもない話です。
でも、こういうことはWeb制作をしていると意外とあります。
コードや設定が複雑になってくると、どうしても難しいところに原因があるように思ってしまう。
ところが実際には、もっと基本的なところで止まっていたりします。
今回も、まさにそれでした。
AIを使っていても、最後は確認が必要
今回のポートフォリオサイトは、Next.jsを使い、AIにも手伝ってもらいながら制作しました。
以前と比べると、コードを書く作業はずいぶん速くなっています。
わからないことを調べたり、実装方法を検討したりするのも、以前より楽になりました。
ただ、コードが正しく書けていても、外部サービスの設定が完了しているとは限りません。
管理画面での操作が必要なものもありますし、実際に公開して動作を確認しなければわからないこともあります。
AIが便利になったからこそ、作業の最後に何を確認するべきなのか、きちんと把握しておくことが大切なのだと思います。
そして、不具合が起きたときには、複雑な原因を考える前に、基本的なところから確認すること。
長くWeb制作をしていても、こういうことは時々忘れてしまいます。
それにしても、今回のGA4。
リアルタイムユーザーが0人だったのは、アクセスがなかったからではありません。
そもそも数えていませんでした。笑