Next.jsにGoogle Tag Managerを導入する
- GCP
- Next.js

Google Tag Manager(以下:GTM)の設定・導入手順を解説します。
Google Analytics 4をNext.jsアプリケーションに導入したことある人なら簡単だと思います。
これでノーコードツールで実装できるようなSEO対策系を、コーディングでも実装できるようなったかな?
多分、このブログで網羅した気がする…
GTMの(アカウント)設定
アカウント設定の流れについては、以下の記事がめっちゃわかりやすく手順を示してくれています。
Next.jsへのGTMの導入
上記の記事は長いので、必要な部分だけつまみ出している以下の記事が参考になると思います。
一応、公式ドキュメント(わかりやすすぎる)も載せておきます。
Recommend
- Next.js(App Router) + microCMSで埋め込みが初回レスポンス時以外は正常に表示されない
- microCMS
- Next.js
- React
- リッチテキストにTailwindCSSを当てる時の最適解
- microCMS
- Next.js
- Tailwind CSS
- Next.jsにGoogle Analytics 4を導入する
- Next.js
- GCP
- 【Cloudflare編】Next.js(App Router)+ microCMS でSSGすると、記事が更新されない
- microCMS
- Next.js
- Cloudflare
- Next.js(App Router)+ TailwindCSS + etc を勉強するのに最強の教材を見つけたかも!?
- Next.js
- React
- Tailwind CSS