導入
Vercel にデプロイしている Next.js で構築した web サイト（当ブログ）に Google Tag Manager（GTM）と Google Analytics（GA） を仕込んだ。
しかし計測されていない模様。
GTM 上での設定は正しくできていそうなのに、一体何が原因だ…？
原因は 2 つありました。
1.環境変数の設定忘れ
GTM の ID を環境変数で管理して Next.js 内のコードで使用していました。このとき Vercel 側での環境変数の設定を忘れていました。初歩的ですが、意外とやりがちだと思いますので注意しましょう。
2.アドブロックをブラウザ内で有効にしている。
アドブロックが原因で動作しないことがあるようです。試しにアドブロックをしていないブラウザからアクセスすると、正しく計測されました。こちらの Issueから知ることができました。感謝。
おまけ
GTM, GA を設定するうえで参考になった記事を 2 つ列挙します。
さらにおまけ
それと、この投稿のサムネイルの猫ちゃん可愛くないですか？
YouTube でさらに可愛い姿をみれるので要チェック 🐈
ブログ運営者
muuuuminn
経歴:
SE:1年半 → FE:5年 → ?スキル:
Next.js, TypeScript, React, Notion趣味:
ゲーム, 手品, 開発, コレクション, 映画