💡

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

2024/05/20に公開

Google Tag Manager(以下:GTM)の設定・導入手順を解説します。

Google Analytics 4をNext.jsアプリケーションに導入したことある人なら簡単だと思います。

これでノーコードツールで実装できるようなSEO対策系を、コーディングでも実装できるようなったかな?

多分、自分の記事で網羅した気がする…

GTMの(アカウント)設定

アカウント設定の流れについては、以下の記事がめっちゃわかりやすく手順を示してくれています。

https://zenn.dev/keitakn/articles/nextjs-google-tag-manager

Next.jsへのGTMの導入

上記の記事は長いので、必要な部分だけつまみ出している以下の記事が参考になると思います。

https://zenn.dev/jinku/articles/5b8bc15754d236

一応、公式ドキュメント(わかりやすすぎる)も載せておきます。

https://nextjs.org/docs/app/building-your-application/optimizing/third-party-libraries

GitHubで編集を提案

Discussion