「Googleタグマネージャ」をつかってpjax遷移時にGoogleアナリティクスを集計する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは！ フロントエンドエンジニアのハルです。 今回は、pjaxで動的に遷移したときに、Googleアナリティクスの集計を正常に行うための方法を紹介したいと思います。 Googleタグマネージャの設定 今回は、Googleタグマネージャをソースに設定する説明は省きます。 最初の方に出てくるこれです。 こちらの設定が終わっている前提で、細かい設定を解説していきます！ 1.GTMで変数を設定する Googleタグマネージャの「変数」を登録します。 「ユーザー定義変数」の「新規」タブから追加できます。 「newPageUrl」という名前の変数を登録 基本的に好きな名前で問題ないのですが、今回はこの名前で登録します。 この変数にページ遷移後のURLが格納されます。 変数の種類 変数の種類は「データレイヤーの変数」を選択します。 データレイヤーの変数名 データレイヤーの変数名は「newPageU