Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する

Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成します。

事前準備

Google Tag Mangerのアカウントとコンテナを作成します。
手順は以下の記事を参照してください。

手順

タグの作成

コンテナの画面を表示します。左側のメニューの[タグ]の項目をクリックします。


タグ画面が表示されます。ページ右上の[新規]ボタンをクリックします。


タグ作成画面がスライドイン表示されます。
[タグの設定]エリアをクリックします。


下図の[タグタイプを選択]画面が表示されます。[Google アナリティクス]の項目をクリックします。


下図の画面が表示されます。[Google タグ]の項目をクリックします。


[タグの設定]画面が表示されます。


タグIDのテキストボックスにGoogle AnalyticsのGoogleタグIDを入力します。

Google AnalyticsのGoogle タグID
Google AnalyticsのGoogle タグIDはAnalyticsの設定画面にアクセスし、[データストリーム]の設定画面を表示します。 右側のトラッキングサイトのストリームの項目をクリックします。


ストリームの詳細画面が表示されます。設定画面を下にスクロールし[タグ設定を行う]の項目をクリックします。


Google タグの設定画面が表示されます。[Google タグ]のエリアに表示されている "ID G-********" の値がGoogle AnalyticsのGoogleタグのIDです。

[タグの設定]画面の下部の[トリガー]のエリアをクリックします。


[トリガーの選択]画面が表示されます。[All Pages]の項目をクリックして選択します。


トリガーが設定できました。ページ右上の[保存]ボタンをクリックします。


タグが作成できました。

タグのテスト

Google Tag Managerの画面右上の[プレビュー]のボタンをクリックします。


下図のTag Assistant画面が表示されます。


[Your website's URL]のテキストボックスにGoole Tag Manager のタグを配置したサイトのURLを入力します。 入力後[Connect]ボタンをクリックします。


接続処理が実行されます。


接続できると下図の画面になります。[Continue]ボタンをクリックしてダイアログを閉じます。


別ウィンドウで入力したURLのページが表示されます。右下に[Tag Assistant Connected]のメッセージが表示されています。


Tag Assistantの画面に戻り、[Tags]のエリアの[Tag Fired]のセクションに先ほど作成した"Google Analytics"のタグの項目が表示されていることを確認します。 Tags Firedに表示されていれば、ページアクセスによりタグが呼び出されたことになります。


タグの項目をクリックすると、詳細画面が表示され、タグのタイプやGoogle Tag IDの値を確認できます。


Tag Assistant の左上の[×]ボタンをクリックします。下図の[Stop Debugging]ダイアログが表示されますので、[Stop debugging]ボタンをクリックして、 タグのデバッグを終了します。

タグの公開

Tag Managerの画面に戻ります。ページ右上の[公開]ボタンをクリックします。


[変更の送信]画面が表示されます。


バージョン名と変更内容を入力します。入力ができたらページ右上の[公開]ボタンをクリックします。


公開処理が実行されます。


公開されると下図の画面が表示されます。


変更されたタグの一覧も表示されます。


ダイアログを閉じるとバージョン画面が表示され、公開状態になっている旨のメッセージが表示されます。

確認

ページにアクセスして、Google Analyticsにアクセスが計上されることを確認します。

以上の手順で、Google Tag Managerを利用して、Google Analyticsのタグを設置できました。

著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
掲載日: 2023-12-01
iPentec all rights reserverd.