概要 Next.jsにGoogle Tag Manager(以降はGTMと記載します)、Google Analytics 4(以降はGA4記載します)を連携させる手順をまとめた記事です。 対象読者 以下の条件を満たす人を対象読者とします。 Next.js(TypeScript)で開発をしている GA4でアクセス解析をやりたい 前提条件 Next.jsで運用済のアプリケーションが存在する GA4のプロパティを作成してある 具体的な手順 ここからは具体的な手順になります。 私が友人と開発している、猫のLGTM画像を共有できるサービス「LGTMeow」に設定した例を元に解説します。 GTMの設定 GTMのアカウントを作成 以下の情報を入力します。 アカウント名 コンテナ名 ターゲット プラットフォーム アカウント名はわかりやすい名前であれば問題ありません。 コンテナ名は対象サイトのドメイン名を入