本記事ではGTMを使用してGAタグを設定する方法を画像付きで説明します。
下記の流れで進めています。
↓
↓
GTMでGAを導入 ★いまここ★
GTMを使わずGAタグをサイトに挿入したい場合は下記の記事をご参照ください。
GAタグをWebサイトに追加する方法【旧バージョンとGA4併用】【GTMなし】
それではGTMのホームを開いて設定スタートします。
画面を開いたらコンテナ名をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/97a6170674272181aa4462c9db04a4b8-1024x293.webp)
GTMでユニバーサルアナリティックスのタグを追加する方法
ワークスペースを作る
現在のワークスペースに「Default Workspace」と表示されているかと思います。
基本的にGTMを更新するときにはこの「Default Workspace」は使わず新しくワークスペースを作って作業します。
ワークスペースを作る → 編集する → プレビューする → 公開する → ワークスペースを作る → 編集する →…
の流れです。
これは複数人で同時にGTMを編集する場合に効いてきます。他の人が同じワークスペースで作業した場合間違って他の人が設定中のものをリリースしてしまったり
更新内容がかぶってしまったりとトラブルのもとになります。
ワークスペースを分けておくとそれぞれの作業で干渉しませんし、リリース時のバッティングも回避できます。
普段からワークスペースを作成する癖をつけておくことをお勧めします。
では早速ワークスペースを作っていきます。
「Default Workspace」 をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/7858812e02cbb27b6901bf5a2bb58997-1024x502.webp)
右上の「+」ボタンをクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/923726427cbbb5be620d0b3b3ae87579-1024x502.webp)
「名前のないワークスペース」と表示されているところに任意のワークスペース名を入力できます。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/ef1d3d153059f8a39b3dc9e6028f8451-1024x179.webp)
タグとトリガーを設定する
ワークスペースに「GAタグ(ユニバーサルアナリティクス)追加」と名前を付け保存ボタンをクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/9374832b613c9aa4f8d9cda24f209593-1024x183.webp)
左上に表示されている「現在のワークスペース」が「Default Workspace」ではなく設定したものに変わっているはずです。
「新しいタグを追加」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/3129d57700e37e925795c4c7230bcaf9-1024x502.webp)
タグ名を入力します。
ここでは「GAタグ(ユニバーサルアナリティクス)」にします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/3a144c311311a0264c4c3c8bc0c50f7b-1024x502.webp)
「タグの設定」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/c9006400c1ec403b7f5b72040d0b54dc-1024x502.webp)
開かれた中から「Google アナリティクス: ユニバーサル アナリティクス」を選択します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/6cd0402ea5ce30be0c09645fe507bb43-1024x464.webp)
トラッキングタイプは初期設定のまま「ページビュー」です。
Googleアナリティクス設定のドロップダウンから「新しい変数」を選択します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/a0e2adabca8020a6fca54d4faa9475b9-1024x502.webp)
変数の設定画面が開きますのでトラッキングIDを入力します。
Cookieドメインは初期状態の「auto」のままにしておきます。
変数の名前はトラッキングコードにしておきます。保存をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/56e81092a15b18d3fdf3e2c06b101dac-1024x502.webp)
GAのトラッキングIDは下記の場所で確認できます。
GAの左側のメニュー「管理」 > 対象のプロパティをドロップダウンで選択 > トラッキング情報 > トラッキングコード
「トリガー」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/8446607363e2ea049aa475ee60897cb7-1024x502.webp)
「All Pages」を選択します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/0ba0a908fab86d7b0c045740d0268103-1024x502.png)
保存をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/40d88149cfbf91f054bac39297a0b833-1024x502.webp)
GTMでプレビューする
設定内容をプレビューモードで確認します。
公開する前にプレビューで設定がうまくいっているかを確認します。
「プレビュー」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/e49b48005f3ddd9911471a33170dbfd1-1024x502.png)
別タブでプレビュー画面が表示されるのでサイトのURLを入力して「Connect」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/FireShot-Capture-065-Google-Tag-Assistant-tagassistant.google.com_-1024x464.webp)
Webサイトが開かれ、右下に「Tag Assistant」のポップアップが表示されているはずです。
ここでは表示の確認が出来れば問題ないので「Finish」をクリックしてデバックを終了します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/preview-1024x546.webp)
この画面は「Continue」をクリックでOKです。デバック画面についての説明はここでは割愛します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/FireShot-Capture-064-Tag-Assistant-tagassistant.google.com_-1024x502.webp)
GA(ユニバーサルアナリティックス)でリアルタイムアクセスを確認します。
リアルタイム>概要
ここでアクセスが計測されていればGTMの設定が出来ています。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/4675e5ba732dd29ce692ae43272d5c18-1024x464.webp)
※プレビュー時に表示されるTag Assistantのタブは閉じてしまって問題ありません。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/tagassistant1.webp)
GTMで公開する
プレビューで問題なければ設定を本番に公開します。
作業中のワークスペースで「公開」ボタンをクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/5288f71cff706098ad46f2c7ef4d3d50-1024x502.webp)
開いたページで「バージョンの説明」を残すこともできます。「公開」をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/c9399b616e70d957f42b0d8ab02c0594-1024x502.webp)
公開中です…というようなクルクルした画面が表示されると思いますのでしばらく待つと画面が切り替わります。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/34cd8d74f45e672e38368be894bf73d0-1024x502.png)
念のため公開後もGAのリアルタイムで計測されているか確認しておきましょう。
これでユニバーサルアナリティックスのGTM設定は完了です。
GTMでGA4のタグを追加する方法
ワークスペースを作成します。ワークスペース名は「GAタグ(GA4)追加」にして保存します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/7cfcd9761fc5c5f12a3bbaa280e72238-1024x184.webp)
作業中のワークスペースで「新しいタグを追加」をクリックします。
タグ名は「GAタグ(GA4)」にします。
「タグの設定」をクリックして「Google アナリティクス: GA4 設定」を選択します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/1502180fccf31d3bf6a8e5019454e880-1024x502.webp)
GA4の測定IDを入力します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/6efb58bb9b222cb5ef8337a0dcd41367-1024x502.webp)
GA4の測定IDは下記から確認できます。
GAの左メニューの管理 > プロパティのドロップダウンでGA4のプロパティを選択 > データストリームを選択 > ウェブストリームの詳細
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/8269dac7be984569b11f8faabd2f5a3f-1024x464.webp)
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/e643e6654cf830e7a352bd5fd9efb67a-1024x502.webp)
GTMのトリガーは「All Pages」を選択します。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/fb15d493969040456dbe2ecd664eb6ec-1024x502.webp)
保存をクリックします。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/c202a7471c0237c96f4b009d77da8781-1024x502.webp)
GTMの設定をプレビューします。
プレビューの手順はユニバーサルアナリティックスの設定時と同様です。
GA4のリアルタイムを開いて計測されていればOKです。
![](https://mochi-mochi-mochiko.com/wp-content/uploads/2021/08/250b833b4e3faba9726141fa711cefe5-1024x502.webp)
GTMのワークスペースを公開します。
公開の手順はユニバーサルアナリティックスの設定時と同様です。
これでGA4でも計測が出来るようになりました。
本番環境公開後はGA4のリアルタイムで計測が出来ていることを確認してください。