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

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

事前準備

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

手順

タグの作成

コンテナの画面を表示します。左側のメニューの[タグ]の項目をクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像1

タグ画面が表示されます。ページ右上の[新規]ボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像2

タグ作成画面がスライドイン表示されます。
[タグの設定]エリアをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像3

下図の[タグタイプを選択]画面が表示されます。[Google アナリティクス]の項目をクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像4

下図の画面が表示されます。[Google タグ]の項目をクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像5

[タグの設定]画面が表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像6

タグIDのテキストボックスにGoogle AnalyticsのGoogleタグIDを入力します。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像7

Google AnalyticsのGoogle タグID
Google AnalyticsのGoogle タグIDはAnalyticsの設定画面にアクセスし、[データストリーム]の設定画面を表示します。 右側のトラッキングサイトのストリームの項目をクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像8

ストリームの詳細画面が表示されます。設定画面を下にスクロールし[タグ設定を行う]の項目をクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像9

Google タグの設定画面が表示されます。[Google タグ]のエリアに表示されている "ID G-********" の値がGoogle AnalyticsのGoogleタグのIDです。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像10

[タグの設定]画面の下部の[トリガー]のエリアをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像11

[トリガーの選択]画面が表示されます。[All Pages]の項目をクリックして選択します。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像12

トリガーが設定できました。ページ右上の[保存]ボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像13

タグが作成できました。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像14

タグのテスト

Google Tag Managerの画面右上の[プレビュー]のボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像15

下図のTag Assistant画面が表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像16

[Your website's URL]のテキストボックスにGoole Tag Manager のタグを配置したサイトのURLを入力します。 入力後[Connect]ボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像17

接続処理が実行されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像18

接続できると下図の画面になります。[Continue]ボタンをクリックしてダイアログを閉じます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像19

別ウィンドウで入力したURLのページが表示されます。右下に[Tag Assistant Connected]のメッセージが表示されています。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像20

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

タグの項目をクリックすると、詳細画面が表示され、タグのタイプやGoogle Tag IDの値を確認できます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像22

Tag Assistant の左上の[×]ボタンをクリックします。下図の[Stop Debugging]ダイアログが表示されますので、[Stop debugging]ボタンをクリックして、 タグのデバッグを終了します。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像23

タグの公開

Tag Managerの画面に戻ります。ページ右上の[公開]ボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像24

[変更の送信]画面が表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像25

バージョン名と変更内容を入力します。入力ができたらページ右上の[公開]ボタンをクリックします。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像26

公開処理が実行されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像27

公開されると下図の画面が表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像28

変更されたタグの一覧も表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像29

ダイアログを閉じるとバージョン画面が表示され、公開状態になっている旨のメッセージが表示されます。
Google Tag Manager (Google タグマネージャー)でGoogle Analytics 計測のタグを作成する:画像30

確認

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

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


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