Google Tag ManagerとGoogle Analyticsの統合

[Discourse]

このガイドでは、Googleタグマネージャー (GTM) のセットアップ方法と、DiscourseサイトでのGoogle Analytics (GA) との連携方法について説明します。さらに、ページビューを追跡するためにGTMで変数、トリガー、タグを設定する方法についても説明します。

このガイドはGoogleタグマネージャーの設定を対象としています。サイトでGoogle Analyticsを有効にするだけでよい場合は、サイト設定の ga universal tracking code にGタグを設定してください。当サイトの設定では、すべての分析を universal と呼んでいる場合がありますが、これはレガシーなフィールド名の名残です。以下の手順では、Googleタグに対応しており、機能します。

必要なユーザーレベル: 管理者

Googleタグマネージャー (GTM) とGoogle Analytics (GA) を統合することで、Discourseサイト上のイベントを効果的に管理および追跡できます。このガイドでは、GAアカウントの作成から、必要なタグとトリガーを使用したGTMの設定まで、完全なセットアッププロセスを網羅しています。

概要

1. Google Analyticsアカウントとプロパティを作成します。
2. Googleタグマネージャーを設定します。
3. GTMの変数、トリガー、タグを設定します。
4. GTMをDiscourseサイトと統合します。

Google Analyticsアカウントの作成

1. Google Analytics にアクセスし、Googleアカウントでサインインします。

2. まだアカウントをお持ちでない場合は、案内に従って作成してください。

3. 「管理」をクリックし、次に「プロパティを作成」をクリックしてプロパティを作成します。
   

   

4. 「プロパティの作成」画面で、必要な詳細情報を入力します。
   

   

5. 次の画面でビジネスの詳細を入力します。
   

   

6. ビジネスの目標を適切に選択します。

情報: 4つのセクションを選択すると、Analyticsが通常提供してきたレポートに最も近くなります。

7. データ収集のプラットフォームとして「ウェブ」を選択します。
   

   

8. サイトのURLとストリーム名を入力して、データストリームを設定します。
   

   

ウェブストリームの作成に成功したら、測定IDを控えておいてください。これはGTMの設定で必要になります。

Googleタグマネージャーの設定

1. Google Tag Manager にアクセスし、アカウントを作成します。
2. コンテナを作成する際、案内に従って進め、「ウェブ」をプラットフォームとして選択します。
   
   

GTMの設定

変数

1. GTMの「変数」タブに移動し、「ユーザー定義変数」セクションの「新規」をクリックします。
2. 2つのデータレイヤー変数を作成します。

• 名前: DL-page-title
  タイプ: データレイヤー変数
  データレイヤー変数名: page.title
  データレイヤーバージョン: 2

• 名前: DL-page-url
  タイプ: データレイヤー変数
  データレイヤー変数名: page.url
  データレイヤーバージョン: 2

例として、変数タイプを選択します。

次に、この例のように変数を設定します。

トリガー

1. 「トリガー」タブに移動し、「新規」をクリックします。

2. タイプとして「カスタムイベント」を選択します。

   

3. トリガーに virtualPageView という名前を付け、「保存」します。

   最終的な結果は次のようになります。
   

   

タグ

1. 「タグ」タブに移動し、新しいタグを作成します。

2. タグタイプとして Google Analytics: Google Tag を選択します。
   

   

3. タグを次の詳細で設定します。

• 測定 ID: GAから取得した測定IDを入力します。
• 設定が必要なフィールド:
  • title: {{DL-page-title}}
  • page: {{DL-page-url}}
  • send_page_view: true
  • page_path: {{Page Path}}

完了すると、次のようになります（上記のパラメーターに加えて userID パラメーターを追加することもできますが、その場合は DL-page-url のような追加の変数が必要になります）。

4. このタグに virtualPageView トリガーを選択します。
   
   
5. タグに名前を付けて「保存」します。

GTMワークスペースの公開

ページ右上の青い「送信」ボタンをクリックして、GTMコンテナを公開します。

重要: googletagmanager.com から404エラーが発生する場合は、GTMコンテナの変更が公開されていることを確認してください。

GTMとDiscourseの統合

1. Discourse管理設定に移動し、gtm container id を検索します。
2. 対応するフィールドにGTMコンテナID（形式: GTM-XXXXXX）を入力します。
   
   

注記: Discourseの ga universal tracking code および ga tracking code 設定から、既存の分析トラッキングコードをすべて削除してください。

サイトをリロードし、GAのリアルタイムコンテンツビューで、データがGTM経由で流れていることを確認します。

その他の用途

GTMを使用すると、次のような追加のイベントを追跡するためにタグを追加できます。

• Google DFP
• AdWords
• LinkedIn

関連リンク

• Googleタグマネージャー スクリプトでノンスを使用する
• GoogleタグマネージャーとAnalyticsにカスタムイベントをプッシュする
• Googleタグマネージャー経由でDiscourseにGoogle自動広告を追加する方法